Browse Source

css form user login ok

ouidade 1 year ago
parent
commit
1a7a826386

+ 16 - 1
web/themes/custom/reha/css/reha.css

@@ -251,6 +251,12 @@ header {
             flex-direction: column;
             align-items: start;
             padding-left: 2.5rem; }
+            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login {
+              flex-direction: row-reverse; }
+              header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login #edit-persistent-login {
+                width: fit-content; }
+              header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login label {
+                flex-grow: 0; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
             font-size: 1.2rem;
             width: 70%;
@@ -262,7 +268,12 @@ header {
             header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
               display: none; }
             header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
-              margin-bottom: 4rem; }
+              margin-bottom: 4rem;
+              font-size: 1rem; }
+            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li p {
+              font-style: italic;
+              font-size: 0.9rem;
+              padding-top: 1rem; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
             border-bottom: 1px solid black; }
           header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
@@ -271,6 +282,10 @@ header {
             border: solid black 1px;
             margin-bottom: 1rem;
             background-color: white; }
+            header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a p {
+              font-style: italic; }
+          header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a:hover {
+            background-color: #fdc300; }
     header .region-header #block-reha-config-pages {
       grid-column: 10;
       display: flex;

+ 0 - 1
web/themes/custom/reha/scss/partials/_footer.scss

@@ -8,7 +8,6 @@ footer{
     div{
         display: flex;
         flex-direction: row;
-    
     }
 
     h2{font-size: 1.3rem;}

+ 24 - 2
web/themes/custom/reha/scss/partials/_header.scss

@@ -81,6 +81,16 @@ header{
                         flex-direction: column;
                         align-items: start;
                         padding-left: 2.5rem;
+                        .form-item-persistent-login{
+                            flex-direction: row-reverse;
+                            #edit-persistent-login{
+                                width: fit-content;
+                            }
+                            label{
+                                flex-grow: 0;
+                            }
+                        }
+                        
                     }
                     ul{
                         font-size: 1.2rem;
@@ -96,6 +106,12 @@ header{
                         }
                         .request-password-link{
                             margin-bottom: 4rem;
+                            font-size: 1rem;
+                        }
+                        li p{
+                            font-style: italic;
+                            font-size: 0.9rem;
+                            padding-top: 1rem;
                         }
 
                     }
@@ -109,15 +125,22 @@ header{
                             border: solid black 1px;
                             margin-bottom: 1rem;
                             background-color: $white-button;
+                        p{
+                            font-style: italic;
+                         }
+                        
     
                         }
                     }
-                    
+                    ul:last-of-type a:hover{
+                        background-color: $yellow-puca;
+                    }
                     
                 }
             }
 
         }
+ 
         #block-reha-config-pages{
             grid-column: 10;
             .bouton-contact{
@@ -251,4 +274,3 @@ header{
 
 
   
-