ref: refs/heads/master commit 5fd4cee16197092db85344d322bc3e99751f59e2 Author: Robert Lihm <rlihm@lihmedia.org> Date: Thu Jul 16 17:56:26 2009 +0200 Made some basic styling for login-form --- webclient/app/views/hosts/index.html.erb | 6 ++-- webclient/app/views/sessions/new.rhtml | 10 ++++--- webclient/public/stylesheets/style.css | 40 +++++++++++++++++++++++++++++- 3 files changed, 48 insertions(+), 8 deletions(-) diff --git a/webclient/app/views/hosts/index.html.erb b/webclient/app/views/hosts/index.html.erb index 495dd3d..f3dd1bf 100644 --- a/webclient/app/views/hosts/index.html.erb +++ b/webclient/app/views/hosts/index.html.erb @@ -8,13 +8,13 @@ <li> <ul> <li> - <%= link_to host.name, new_session_path(:hostid => "#{host.id}") %> + <strong><%= link_to host.name, new_session_path(:hostid => "#{host.id}") %></strong> </li> <li> - <%=h host.url %> + <span><%=h host.url %></span> </li> <li> - <%=h host.description %> + <span><%=h host.description %></span> </li> <li> <%= link_to image_tag("/images/edit-icon.gif", :alt => "edit"), diff --git a/webclient/app/views/sessions/new.rhtml b/webclient/app/views/sessions/new.rhtml index ca736dc..d049122 100644 --- a/webclient/app/views/sessions/new.rhtml +++ b/webclient/app/views/sessions/new.rhtml @@ -1,19 +1,21 @@ -<div class="content"> +<div id="login-dialogue"> + <% form_tag( :action => 'create' ) do %> - <span id="content_title">Login</span> + <h2 id="content_title">Login</h2> <p><%= _("Enter login credentials for host #{@host.name}.") %></p> <%= hidden_field_tag 'hostid', @host.id %> - <p><label for="login"><%= _("Username:") %></label><br> + <p><label for="login"><%= _("Username:") %></label> <%= text_field_tag 'login', @user %></p> - <p><label for="password"><%= _("Password:") %></label><br> + <p><label for="password"><%= _("Password:") %></label> <%= password_field_tag 'password', @password %></p> <%= submit_tag(_('Login'), :class => "button", :id => "login_button") %> <% end %> + </div> diff --git a/webclient/public/stylesheets/style.css b/webclient/public/stylesheets/style.css index c9f3cbf..560d6a5 100644 --- a/webclient/public/stylesheets/style.css +++ b/webclient/public/stylesheets/style.css @@ -51,6 +51,14 @@ a:hover { img { border: none; } +input { + border: 1px solid #999; + padding: 3px; +} +input:focus { + border: 1px solid #69c; + color: #69c; +} /* == Basic Structure ===================================================== */ @@ -126,6 +134,33 @@ img { color: #06c; } +#login-dialogue { + width: 23em; + min-height: 17em; /* FIXME not working in IE6 */ + background: #666; + margin: 0 auto; + overflow: hidden; + + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + +} + #login-dialogue form { + display: block; + background: #fefefe; + + padding: 5px; + + margin: 7px; + } + #login-dialogue h2 { + margin: 0; + } + #login-dialogue label { + display: block; + width: 5.5em; + color: #666; + } /* == Lists and Tables ==================================================== */ .list-row { @@ -194,6 +229,10 @@ ul.list-2level-inline ul { .list-2level-inline + p { clear: left; } + .list-2level-inline ul li span { + color: #666; + } + /* == Helper Styles ======================================================= */ .grey-bg { @@ -203,7 +242,6 @@ ul.list-2level-inline ul { a.button { color: #444; border: 1px solid #06c; - background: #0072ba url('images/bg-head-gradient-grey.png') repeat-x scroll top center; padding: 0.5em; -moz-border-radius: 5px; -- To unsubscribe, e-mail: yast-commit+unsubscribe@opensuse.org For additional commands, e-mail: yast-commit+help@opensuse.org