diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 98e36f9..8149931 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -2,18 +2,18 @@ /*reha*/ /*global*/ /* Colors used for REHA */ -#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, aside.layout-sidebar-second footer, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, +#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .next-site, .prev-site, .page-programme .field--type-link { text-transform: uppercase; - padding: 0.5rem; + padding: 0.3rem; border: solid black 1px; margin-bottom: 1rem; background-color: rgb(255, 255, 255); font-size: 0.9rem; } @media (max-width: 891px) { - #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, aside.layout-sidebar-second footer, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, + #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .next-site, .prev-site, .page-programme .field--type-link { font-size: 1rem; @@ -872,7 +872,7 @@ input { } .form-submit { - height: 4rem !important; + height: 3rem !important; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 300; @@ -902,6 +902,12 @@ input { height: 1.5rem; } +h4 { + text-align: start; + padding-left: 10%; + font-size: 2rem; +} + .layout-sidebar-first #block-reha-phase1 { border: solid #fdc300 1px; font-weight: 800; @@ -949,6 +955,8 @@ aside.layout-sidebar-second h2::before { } aside.layout-sidebar-second .view-current-user-doc-profile { padding: 0 2rem; + display: flex; + flex-direction: column; } aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site { font-size: 2rem; @@ -967,7 +975,7 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dos } aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before { content: url("../../dist/images/noun-file-6880430.svg"); - display: inline-block; + display: inline-flex; width: 70px; height: auto; align-items: center; @@ -978,18 +986,37 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dos padding-right: 2rem; } aside.layout-sidebar-second footer { + text-transform: uppercase; + border: solid black 1px; + background-color: rgb(255, 255, 255); + font-size: 0.9rem; width: fit-content; - padding: 0.3rem; font-weight: 400; } +@media (max-width: 891px) { + aside.layout-sidebar-second footer { + font-size: 1rem; + } +} +aside.layout-sidebar-second footer p { + margin: 0; + padding: 0.3rem; +} aside.layout-sidebar-second footer :hover { background-color: #fdc300; } +aside.layout-sidebar-second .view-footer { + padding-top: 0; + align-self: center; +} aside.layout-sidebar-second.open { transform: translateX(90%); /* Par défaut ouvert */ transition: transform 0.35s; } +aside.layout-sidebar-second.open:hover { + background-color: #fdc300; +} aside.layout-sidebar-second { transform: translateX(0%); diff --git a/web/themes/custom/reha/scss/global/variables/_buttons.scss b/web/themes/custom/reha/scss/global/variables/_buttons.scss index 3a3dbb3..086f8dd 100644 --- a/web/themes/custom/reha/scss/global/variables/_buttons.scss +++ b/web/themes/custom/reha/scss/global/variables/_buttons.scss @@ -3,7 +3,7 @@ %buttonwithborder { text-transform: uppercase; - padding: 0.5rem; + padding: 0.3rem; border: solid black 1px; margin-bottom: 1rem; background-color: $white-button; @@ -83,5 +83,3 @@ } - - diff --git a/web/themes/custom/reha/scss/partials/_aside.scss b/web/themes/custom/reha/scss/partials/_aside.scss index 1290206..74f84bd 100644 --- a/web/themes/custom/reha/scss/partials/_aside.scss +++ b/web/themes/custom/reha/scss/partials/_aside.scss @@ -53,6 +53,8 @@ aside.layout-sidebar-second{ } .view-current-user-doc-profile{ padding: 0 2rem ; + display: flex; + flex-direction: column; } .profile--type--collaborateur{ .field--name-field-site{ @@ -72,7 +74,7 @@ aside.layout-sidebar-second{ > div:nth-child(1)::before{ content: url('../../dist/images/noun-file-6880430.svg'); - display: inline-block; + display: inline-flex; width: 70px; height: auto; // align-content: center; @@ -88,21 +90,38 @@ aside.layout-sidebar-second{ } } footer{ - @extend %buttonwithborder; + text-transform: uppercase; + + border: solid black 1px; + background-color: $white-button; + font-size: 0.9rem; width: fit-content; - padding: 0.3rem; font-weight: 400; + @media (max-width:891px) { + font-size: 1rem; + } + p{margin: 0; + padding: 0.3rem;} :hover{ background-color: $yellow-puca; } - } + } + .view-footer{ + padding-top: 0; + align-self: center; + } } aside.layout-sidebar-second.open { transform: translateX(90%); /* Par défaut ouvert */ transition: transform 0.35s; + &:hover{ + background-color: $yellow-puca; + } + } aside.layout-sidebar-second { transform: translateX(0%); + } \ No newline at end of file diff --git a/web/themes/custom/reha/scss/partials/_forms.scss b/web/themes/custom/reha/scss/partials/_forms.scss index 423dc9c..6dcedf0 100644 --- a/web/themes/custom/reha/scss/partials/_forms.scss +++ b/web/themes/custom/reha/scss/partials/_forms.scss @@ -21,7 +21,7 @@ input{ } .form-submit{ - height: 4rem !important; + height: 3rem !important; margin-bottom: 1rem; font-size: 1.2rem; font-weight: 300; @@ -56,4 +56,9 @@ input{ @extend %buttonwithborder; } - \ No newline at end of file + +h4{ + text-align: start; + padding-left:10% ; + font-size: 2rem; +} \ No newline at end of file diff --git a/web/themes/custom/reha/templates/views-view.html.twig b/web/themes/custom/reha/templates/views-view.html.twig index 3527655..a397949 100644 --- a/web/themes/custom/reha/templates/views-view.html.twig +++ b/web/themes/custom/reha/templates/views-view.html.twig @@ -67,7 +67,7 @@ {{ more }} {% if footer %} -