This commit is contained in:
2024-06-25 15:46:52 +02:00
parent 34b21110c7
commit 0e1337475e
5 changed files with 65 additions and 16 deletions
+33 -6
View File
@@ -2,18 +2,18 @@
/*reha*/ /*reha*/
/*global*/ /*global*/
/* Colors used for REHA */ /* 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, .next-site,
.prev-site, .page-programme .field--type-link { .prev-site, .page-programme .field--type-link {
text-transform: uppercase; text-transform: uppercase;
padding: 0.5rem; padding: 0.3rem;
border: solid black 1px; border: solid black 1px;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
font-size: 0.9rem; font-size: 0.9rem;
} }
@media (max-width: 891px) { @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, .next-site,
.prev-site, .page-programme .field--type-link { .prev-site, .page-programme .field--type-link {
font-size: 1rem; font-size: 1rem;
@@ -872,7 +872,7 @@ input {
} }
.form-submit { .form-submit {
height: 4rem !important; height: 3rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
@@ -902,6 +902,12 @@ input {
height: 1.5rem; height: 1.5rem;
} }
h4 {
text-align: start;
padding-left: 10%;
font-size: 2rem;
}
.layout-sidebar-first #block-reha-phase1 { .layout-sidebar-first #block-reha-phase1 {
border: solid #fdc300 1px; border: solid #fdc300 1px;
font-weight: 800; font-weight: 800;
@@ -949,6 +955,8 @@ aside.layout-sidebar-second h2::before {
} }
aside.layout-sidebar-second .view-current-user-doc-profile { aside.layout-sidebar-second .view-current-user-doc-profile {
padding: 0 2rem; padding: 0 2rem;
display: flex;
flex-direction: column;
} }
aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site { aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-site {
font-size: 2rem; 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 { 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"); content: url("../../dist/images/noun-file-6880430.svg");
display: inline-block; display: inline-flex;
width: 70px; width: 70px;
height: auto; height: auto;
align-items: center; align-items: center;
@@ -978,18 +986,37 @@ aside.layout-sidebar-second .profile--type--collaborateur .field--name-field-dos
padding-right: 2rem; padding-right: 2rem;
} }
aside.layout-sidebar-second footer { 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; width: fit-content;
padding: 0.3rem;
font-weight: 400; 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 { aside.layout-sidebar-second footer :hover {
background-color: #fdc300; background-color: #fdc300;
} }
aside.layout-sidebar-second .view-footer {
padding-top: 0;
align-self: center;
}
aside.layout-sidebar-second.open { aside.layout-sidebar-second.open {
transform: translateX(90%); /* Par défaut ouvert */ transform: translateX(90%); /* Par défaut ouvert */
transition: transform 0.35s; transition: transform 0.35s;
} }
aside.layout-sidebar-second.open:hover {
background-color: #fdc300;
}
aside.layout-sidebar-second { aside.layout-sidebar-second {
transform: translateX(0%); transform: translateX(0%);
@@ -3,7 +3,7 @@
%buttonwithborder { %buttonwithborder {
text-transform: uppercase; text-transform: uppercase;
padding: 0.5rem; padding: 0.3rem;
border: solid black 1px; border: solid black 1px;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: $white-button; background-color: $white-button;
@@ -83,5 +83,3 @@
} }
@@ -53,6 +53,8 @@ aside.layout-sidebar-second{
} }
.view-current-user-doc-profile{ .view-current-user-doc-profile{
padding: 0 2rem ; padding: 0 2rem ;
display: flex;
flex-direction: column;
} }
.profile--type--collaborateur{ .profile--type--collaborateur{
.field--name-field-site{ .field--name-field-site{
@@ -72,7 +74,7 @@ aside.layout-sidebar-second{
> div:nth-child(1)::before{ > div:nth-child(1)::before{
content: url('../../dist/images/noun-file-6880430.svg'); content: url('../../dist/images/noun-file-6880430.svg');
display: inline-block; display: inline-flex;
width: 70px; width: 70px;
height: auto; height: auto;
// align-content: center; // align-content: center;
@@ -88,21 +90,38 @@ aside.layout-sidebar-second{
} }
} }
footer{ footer{
@extend %buttonwithborder; text-transform: uppercase;
border: solid black 1px;
background-color: $white-button;
font-size: 0.9rem;
width: fit-content; width: fit-content;
padding: 0.3rem;
font-weight: 400; font-weight: 400;
@media (max-width:891px) {
font-size: 1rem;
}
p{margin: 0;
padding: 0.3rem;}
:hover{ :hover{
background-color: $yellow-puca; background-color: $yellow-puca;
} }
} }
.view-footer{
padding-top: 0;
align-self: center;
}
} }
aside.layout-sidebar-second.open { aside.layout-sidebar-second.open {
transform: translateX(90%); /* Par défaut ouvert */ transform: translateX(90%); /* Par défaut ouvert */
transition: transform 0.35s; transition: transform 0.35s;
&:hover{
background-color: $yellow-puca;
}
} }
aside.layout-sidebar-second { aside.layout-sidebar-second {
transform: translateX(0%); transform: translateX(0%);
} }
@@ -21,7 +21,7 @@ input{
} }
.form-submit{ .form-submit{
height: 4rem !important; height: 3rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
@@ -57,3 +57,8 @@ input{
} }
h4{
text-align: start;
padding-left:10% ;
font-size: 2rem;
}
@@ -67,7 +67,7 @@
{{ more }} {{ more }}
{% if footer %} {% if footer %}
<footer> <footer class='view-footer'>
{{ footer }} {{ footer }}
</footer> </footer>
{% endif %} {% endif %}