Просмотр исходного кода

Изменения в меню выбора типа пользователя -- добавлен дизайн.

ilysk лет назад: 7
Родитель
Сommit
472d2e960e
2 измененных файлов с 41 добавлено и 7 удалено
  1. 40 5
      web/WEB-INF/views/cssforpr.css
  2. 1 2
      web/WEB-INF/views/index.jsp

+ 40 - 5
web/WEB-INF/views/cssforpr.css

@@ -59,11 +59,6 @@ html {
     outline: none;
 }
 
-.login-block input#username {
-    background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
-    background-size: 16px 80px;
-}
-
 .login-block input#password {
     background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
     background-size: 16px 80px;
@@ -73,6 +68,32 @@ html {
     border: 1px solid #063971;
 }
 
+.login-block form select{
+    width: 100%;
+    height: 42px;
+    box-sizing: border-box;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    margin-bottom: 20px;
+    font-size: 14px;
+    font-family: 'Roboto', sans-serif;
+    padding: 0 20px 0 50px;
+    outline: none;
+    background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
+    background-size: 16px 80px;
+}
+
+.login-block form select option {
+    align-items: center;
+    box-sizing: inherit;
+    color: #111;
+    display: flex;
+    font-family: 'Roboto', sans-serif;
+    justify-content: space-between;
+    font-size: 1.5em;
+    width: auto;
+}
+
 .login-block button {
     width: 100%;
     height: 40px;
@@ -197,4 +218,18 @@ a:hover {
     .nav-link{
         margin-top: 10px;
     }
+    .login-block form select{
+        width: 100%;
+        height: 42px;
+        box-sizing: border-box;
+        border-radius: 5px;
+        border: 1px solid #ccc;
+        margin-bottom: 20px;
+        font-size: 14px;
+        font-family: 'Roboto', sans-serif;
+        padding: 0 20px 0 50px;
+        outline: none;
+        background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
+        background-size: 16px 80px;
+    }
 }

+ 1 - 2
web/WEB-INF/views/index.jsp

@@ -37,10 +37,9 @@
   <h1>Вход в систему</h1>
   <spring:form method="post"  modelAttribute="userJSP" action="check-user">
      <spring:select path="name" type="text" value="" placeholder="Логин" id="username">
-         <spring:option value="">Тип пользователя</spring:option>
+         <spring:option value="student">Исполнитель</spring:option>
          <spring:option value="admin">Администратор</spring:option>
          <spring:option value="owner">Заказчик</spring:option>
-         <spring:option value="student">Исполнитель</spring:option>
      </spring:select> <br/>
      <spring:input path="password" type="password" value="" placeholder="Пароль" id="password"/>   <br/>
     ${message}<br/>