diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css index 4ae2122..1ab73c3 100644 --- a/web/themes/custom/reha/css/reha.css +++ b/web/themes/custom/reha/css/reha.css @@ -2,7 +2,7 @@ /*reha*/ /*global*/ /* Colors used for REHA */ -.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .layout-sidebar-first #block-reha-phase1 footer { +.field--type-link, .field--type-file, .links, .create-account-link, .request-password-link, .views-field-edit-node, .views-field-edit-user, .form-submit, .layout-sidebar-first #block-reha-phase1 footer { text-transform: uppercase; padding: 1rem; border: solid black 1px; @@ -17,14 +17,13 @@ border: none !important; cursor: pointer; } -.create-account-link { - width: 80%; } - .views-field-edit-node { - width: fit-content; } + width: fit-content; + margin-top: 1rem; } .views-field-edit-user { - width: fit-content; } + width: fit-content; + margin-top: 1rem; } #edit-unlock { display: none; } @@ -234,16 +233,23 @@ header { position: relative; left: 430px; } header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form { - width: 70%; + width: 80%; display: flex; flex-direction: column; - align-items: end; } + align-items: start; + padding-left: 2.5rem; } header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul { width: 70%; display: flex; flex-direction: column; } header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li { margin-bottom: 3rem; } + header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a { + text-transform: uppercase; + padding: 1rem; + border: solid black 1px; + margin-bottom: 1rem; + background-color: white; } header .region-header #block-reha-config-pages { grid-column: 10; display: flex; @@ -307,9 +313,14 @@ header { header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul { width: 70%; display: flex; - flex-direction: column; } + flex-direction: column; + padding-left: 0; } header .region-header #block-reha-views-block-current-user-block-block-1 .connected .connected-full ul li { - margin-bottom: 3rem; } + text-transform: uppercase; + padding: 1rem; + border: solid black 1px; + margin-bottom: 1rem; + background-color: white; } header .bouton { align-self: flex-end; width: fit-content; } @@ -383,21 +394,22 @@ input { width: 50%; } .form-submit { - background-color: white; - border: solid black 1px; - text-transform: uppercase; - padding: 1rem; height: 5rem !important; margin-bottom: 1rem; - font-size: 1.3rem; + font-size: 1.2rem; font-weight: 300; width: fit-content; } -#user-login-form .form-item { - flex-direction: row; - margin: 1rem; } - #user-login-form .form-item label { - padding-right: 0.5rem; } +#user-login-form { + padding-left: 2rem; } + #user-login-form .form-item { + flex-direction: row; + padding-bottom: 1rem; + padding-left: 0.2; + width: 80%; } + #user-login-form .form-item label { + padding-right: 0.5rem; + flex: 1 1 auto; } .layout-sidebar-first #block-reha-phase1 { border: solid #fdc300 1px; @@ -507,6 +519,9 @@ input { .node-type-operation .views-field-edit-node { background-color: rgba(153, 147, 174, 0) !important; } +html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-586565a78462afa14f00a79092967e0998bcad1d346481ed34544a2c80124f64 footer { + background-color: rgba(153, 147, 174, 0) !important; } + #block-reha-contenudelapageprincipale #node-operation-form #edit-field-fiche-candidature-wrapper { width: fit-content; } diff --git a/web/themes/custom/reha/scss/global/variables/_buttons.scss b/web/themes/custom/reha/scss/global/variables/_buttons.scss index 7b03d82..e514ed6 100644 --- a/web/themes/custom/reha/scss/global/variables/_buttons.scss +++ b/web/themes/custom/reha/scss/global/variables/_buttons.scss @@ -32,7 +32,7 @@ .create-account-link{ @extend %buttonwithborder; - width: 80% + // width: 80% } .request-password-link{ @extend %buttonwithborder; @@ -40,11 +40,14 @@ .views-field-edit-node{ @extend %buttonwithborder; width: fit-content; + margin-top: 1rem; + } .views-field-edit-user{ @extend %buttonwithborder; width: fit-content; + margin-top: 1rem; } footer{ diff --git a/web/themes/custom/reha/scss/partials/_forms.scss b/web/themes/custom/reha/scss/partials/_forms.scss index 9c8c245..ab60f0b 100644 --- a/web/themes/custom/reha/scss/partials/_forms.scss +++ b/web/themes/custom/reha/scss/partials/_forms.scss @@ -10,23 +10,30 @@ input{ width: 50%; } .form-submit{ - background-color: white; - border: solid black 1px; - text-transform: uppercase; - padding: 1rem; + // background-color: white; + // border: solid black 1px; + // text-transform: uppercase; + // padding: 1rem; height: 5rem !important; margin-bottom: 1rem; - font-size: 1.3rem; + font-size: 1.2rem; font-weight: 300; width: fit-content; + @extend %buttonwithborder; + } #user-login-form{ + padding-left: 2rem; .form-item{ flex-direction: row; - margin: 1rem; + padding-bottom: 1rem; + padding-left: 0.2; + width: 80%; + label{ padding-right: 0.5rem; + flex: 1 1 auto; } } } diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss index ebecbcd..503f047 100644 --- a/web/themes/custom/reha/scss/partials/_header.scss +++ b/web/themes/custom/reha/scss/partials/_header.scss @@ -78,10 +78,11 @@ header{ } } #user-login-form{ - width: 70%; + width: 80%; display: flex; flex-direction: column; - align-items: end; + align-items: start; + padding-left: 2.5rem; } ul{ width: 70%; @@ -90,6 +91,17 @@ header{ li{ margin-bottom: 3rem; } + + } + ul:last-of-type{ + a{ + text-transform: uppercase; + padding: 1rem; + border: solid black 1px; + margin-bottom: 1rem; + background-color: $white-button; + + } } } } @@ -171,8 +183,14 @@ header{ width: 70%; display: flex; flex-direction: column; + padding-left: 0; li{ - margin-bottom: 3rem; + // margin-bottom: 3rem; + text-transform: uppercase; + padding: 1rem; + border: solid black 1px; + margin-bottom: 1rem; + background-color: $white-button; } } }