Added default option to select

polimediaupv · Feb 5, 2024 · e3ec879 · e3ec879
1 parent 6621e70
commit e3ec879
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/main/resources/static/css/cas.css b/src/main/resources/static/css/cas.css
@@ -661,7 +661,7 @@ button.close {
 #main-content {
     margin-right: 10px;
     margin-left: 10px;
-    max-width: 500px;
+    max-width: 500px; /*TODO: remove and find another way to reduce only the login page*/
 
 }
 

diff --git a/src/main/resources/templates/fragments/loginform.html b/src/main/resources/templates/fragments/loginform.html
@@ -74,9 +74,7 @@ <h3 th:unless="${existingSingleSignOnSessionAvailable}" class="text-center">
                                 aria-controls="helper-text-select"
                                 aria-describedby="helper-text-select" >
                                 <!-- .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label { -->
-                                <span class="mdc-select__selected-text-container">
-                                    <span class="mdc-select__selected-text"></span>
-                                  </span>
+
                                 <!-- <div id="demo-selected-text" class="mdc-select__selected-text" tabindex="0" aria-disabled="false" aria-expanded="false"></div> -->
                                 <div class="mdc-notched-outline mdc-notched-outline--upgraded">
                                     <div class="mdc-notched-outline__leading"></div>
@@ -85,6 +83,11 @@ <h3 th:unless="${existingSingleSignOnSessionAvailable}" class="text-center">
                                     </div>
                                     <div class="mdc-notched-outline__trailing"></div>
                                 </div>
+                                <span class="mdc-select__selected-text-container">
+                                    <span class="mdc-select__selected-text" >
+                                        <span th:utext="#{screen.login.select.estudiante}">Student</span>
+                                    </span>
+                                  </span>
                                 <span class="mdc-select__dropdown-icon">
                                     <svg
                                         class="mdc-select__dropdown-icon-graphic"
@@ -108,10 +111,10 @@ <h3 th:unless="${existingSingleSignOnSessionAvailable}" class="text-center">
 
                             <div class="mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth">
                                 <ul class="mdc-list" role="listbox" aria-label="Autentication listbox">
-                                  <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" data-value="" role="option">
+                                  <li class="mdc-list-item" aria-selected="false" data-value="" role="option">
                                     <span class="mdc-list-item__ripple"></span>
                                   </li>
-                                  <li class="mdc-list-item" aria-selected="false" data-value="student" role="option">
+                                  <li class="mdc-list-item mdc-list-item--selected" aria-selected="true" data-value="student" role="option">
                                     <span class="mdc-list-item__ripple"></span>
                                     <span class="mdc-list-item__text" th:utext="#{screen.login.select.estudiante}">
                                       Student