bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

aside mon espace de travail clean css

Browse Source
This commit is contained in:
ouidade
2025-08-09 02:26:32 +02:00
parent 0804ac5b5a
commit af994ab36c
6 changed files with 226 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+106 -111
View File
@@ -299,7 +299,7 @@ p, div {
} }
} }
/*partials*/ /*partials*/
header { header[role=banner] {
display: block; display: block;
height: 120px; height: 120px;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
@@ -311,105 +311,105 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
} }
@media (max-width: 800px) { @media (max-width: 800px) {
header { header[role=banner] {
width: 800px; width: 800px;
} }
} }
header .region-header { header[role=banner] .region-header {
display: inline-grid; display: inline-grid;
align-items: center; align-items: center;
grid-template-columns: repeat(10, 1fr); grid-template-columns: repeat(10, 1fr);
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header { header[role=banner] .region-header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
} }
header .region-header #block-reha-logoministere { header[role=banner] .region-header #block-reha-logoministere {
grid-column: 1; grid-column: 1;
width: 135px; width: 135px;
min-width: 100px; min-width: 100px;
padding-left: 80px; padding-left: 80px;
height: 100%; height: 100%;
} }
header .region-header #block-reha-logoministere img { header[role=banner] .region-header #block-reha-logoministere img {
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-logoministere { header[role=banner] .region-header #block-reha-logoministere {
padding-left: 5%; padding-left: 5%;
padding-top: 0%; padding-top: 0%;
} }
} }
header .region-header #block-reha-logoreha { header[role=banner] .region-header #block-reha-logoreha {
grid-column: 2; grid-column: 2;
height: 110px; height: 110px;
padding-left: 1rem; padding-left: 1rem;
} }
header .region-header #block-reha-logoreha .field--name-field-logo { header[role=banner] .region-header #block-reha-logoreha .field--name-field-logo {
height: 110px; height: 110px;
} }
header .region-header #block-reha-logoreha .field--name-field-logo .field__item { header[role=banner] .region-header #block-reha-logoreha .field--name-field-logo .field__item {
height: 110px; height: 110px;
} }
header .region-header #block-reha-logoreha .field--name-field-logo .field__item img { header[role=banner] .region-header #block-reha-logoreha .field--name-field-logo .field__item img {
max-height: 92px; max-height: 92px;
width: auto; width: auto;
} }
header .region-header #block-reha-navigationprincipale { header[role=banner] .region-header #block-reha-navigationprincipale {
grid-column: 3/span 6; grid-column: 3/span 6;
} }
header .region-header #block-reha-navigationprincipale ul { header[role=banner] .region-header #block-reha-navigationprincipale ul {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-evenly; justify-content: space-evenly;
} }
@media (max-width: 1100px) { @media (max-width: 1100px) {
header .region-header #block-reha-navigationprincipale ul { header[role=banner] .region-header #block-reha-navigationprincipale ul {
flex-direction: column; flex-direction: column;
} }
} }
header .region-header #block-reha-navigationprincipale ul li.has-active { header[role=banner] .region-header #block-reha-navigationprincipale ul li.has-active {
text-decoration: underline; text-decoration: underline;
font-weight: 1000; font-weight: 1000;
} }
header .region-header #block-reha-navigationprincipale ul li a { header[role=banner] .region-header #block-reha-navigationprincipale ul li a {
font-weight: 800; font-weight: 800;
} }
header .region-header #block-reha-navigationprincipale ul li a.is-active { header[role=banner] .region-header #block-reha-navigationprincipale ul li a.is-active {
text-decoration: underline; text-decoration: underline;
font-weight: 1000; font-weight: 1000;
} }
header .region-header #block-reha-navigationprincipale ul li a:hover { header[role=banner] .region-header #block-reha-navigationprincipale ul li a:hover {
text-decoration: underline; text-decoration: underline;
} }
header .region-header #block-reha-navigationprincipale ul > li a.active { header[role=banner] .region-header #block-reha-navigationprincipale ul > li a.active {
text-decoration: underline; text-decoration: underline;
font-weight: 1000; font-weight: 1000;
} }
header .region-header #block-reha-connexionutilisateur { header[role=banner] .region-header #block-reha-connexionutilisateur {
grid-column: 9; grid-column: 9;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: fit-content; height: fit-content;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-connexionutilisateur { header[role=banner] .region-header #block-reha-connexionutilisateur {
padding-left: 1rem; padding-left: 1rem;
} }
} }
header .region-header #block-reha-connexionutilisateur .bouton-connexion :before { header[role=banner] .region-header #block-reha-connexionutilisateur .bouton-connexion :before {
content: url(../images/noun-contact-2495375.svg); content: url(../images/noun-contact-2495375.svg);
} }
header .region-header #block-reha-connexionutilisateur .connexion { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion {
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%; width: 100%;
position: relative; position: relative;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
display: none; display: none;
right: -235px; right: -235px;
top: 36px; top: 36px;
@@ -422,7 +422,7 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
padding: 5% 10% 5% 5%; padding: 5% 10% 5% 5%;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
top: 50px; top: 50px;
right: -250px; right: -250px;
width: 500px; width: 500px;
@@ -430,43 +430,43 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
top: 55px; top: 55px;
right: -90px; right: -90px;
width: 400px; width: 400px;
height: fit-content; height: fit-content;
} }
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre {
width: 90%; width: 90%;
position: relative; position: relative;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
position: relative; position: relative;
left: 430px; left: 430px;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full .titre ::after {
left: 325px; left: 325px;
} }
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form {
width: 80%; width: 80%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: start; align-items: start;
padding-left: 2.5rem; padding-left: 2.5rem;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login #edit-persistent-login { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login #edit-persistent-login {
width: fit-content; width: fit-content;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login label { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full #user-login-form .form-item-persistent-login label {
flex-grow: 0; flex-grow: 0;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
font-size: 1.2rem; font-size: 1.2rem;
width: 70%; width: 70%;
display: flex; display: flex;
@@ -475,28 +475,28 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
margin-bottom: 4rem; margin-bottom: 4rem;
padding-bottom: 4rem; padding-bottom: 4rem;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .create-account-link {
display: none; display: none;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link {
margin-bottom: 4rem; margin-bottom: 4rem;
font-size: 1rem; font-size: 1rem;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link:hover { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul .request-password-link:hover {
text-decoration: #fdc300 underline; text-decoration: #fdc300 underline;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li p { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul li p {
font-style: italic; font-style: italic;
font-size: 0.9rem; font-size: 0.9rem;
padding-top: 1rem; padding-top: 1rem;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:first-of-type {
border-bottom: 1px solid black; border-bottom: 1px solid black;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type {
display: none; display: none;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
@@ -504,35 +504,35 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a {
font-size: 1rem; font-size: 1rem;
} }
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a p { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a p {
font-style: italic; font-style: italic;
} }
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a:hover { header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul:last-of-type a:hover {
background-color: #fdc300; background-color: #fdc300;
} }
header .region-header #block-reha-config-pages { header[role=banner] .region-header #block-reha-config-pages {
grid-column: 10; grid-column: 10;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: fit-content; height: fit-content;
} }
header .region-header #block-reha-config-pages .bouton-contact { header[role=banner] .region-header #block-reha-config-pages .bouton-contact {
padding-right: 4rem; padding-right: 4rem;
padding-left: 1rem; padding-left: 1rem;
} }
header .region-header #block-reha-config-pages .bouton-contact ::before { header[role=banner] .region-header #block-reha-config-pages .bouton-contact ::before {
content: url(../images/noun-letter-1064628.svg); content: url(../images/noun-letter-1064628.svg);
padding-right: 1rem; padding-right: 1rem;
} }
header .region-header #block-reha-config-pages .contacts { header[role=banner] .region-header #block-reha-config-pages .contacts {
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%; width: 100%;
} }
header .region-header #block-reha-config-pages .contacts .contacts-full { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full {
display: none; display: none;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
position: absolute; position: absolute;
@@ -546,7 +546,7 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
clip-path: inset(0px -10px -10px -10px); clip-path: inset(0px -10px -10px -10px);
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-config-pages .contacts .contacts-full { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full {
right: 0px; right: 0px;
top: 100%; top: 100%;
width: 500px; width: 500px;
@@ -556,76 +556,76 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .region-header #block-reha-config-pages .contacts .contacts-full { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full {
width: 100%; width: 100%;
width: -moz-available; /* For Mozzila */ width: -moz-available; /* For Mozzila */
width: -webkit-fill-available; /* For Chrome */ width: -webkit-fill-available; /* For Chrome */
width: stretch; /* Unprefixed */ width: stretch; /* Unprefixed */
} }
} }
header .region-header #block-reha-config-pages .contacts .contacts-full .titre { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre {
padding-right: 2rem; padding-right: 2rem;
padding-left: 3rem; padding-left: 3rem;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .region-header #block-reha-config-pages .contacts .contacts-full .titre { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre {
padding-left: 1.5rem; padding-left: 1.5rem;
} }
} }
header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
left: 290px; left: 290px;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
left: 242px; left: 242px;
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after { header[role=banner] .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
left: 150px; left: 150px;
} }
} }
header .region-header #block-reha-config-pages .contacts .field__item { header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 3rem; padding-left: 3rem;
} }
@media (max-width: 891px) { @media (max-width: 891px) {
header .region-header #block-reha-config-pages .contacts .field__item { header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
padding-bottom: 2rem; padding-bottom: 2rem;
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header .region-header #block-reha-config-pages .contacts .field__item { header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
padding-left: 2rem; padding-left: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
padding-right: 1.5rem; padding-right: 1.5rem;
} }
} }
header #block-reha-views-block-current-user-block-block-1 { header[role=banner] #block-reha-views-block-current-user-block-block-1 {
grid-column: 9; grid-column: 9;
width: auto; width: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: fit-content; height: fit-content;
} }
header #block-reha-views-block-current-user-block-block-1 .bouton-connected h2 { header[role=banner] #block-reha-views-block-current-user-block-block-1 .bouton-connected h2 {
font-size: 1rem; font-size: 1rem;
color: black; color: black;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
header #block-reha-views-block-current-user-block-block-1 .bouton-connected :before { header[role=banner] #block-reha-views-block-current-user-block-block-1 .bouton-connected :before {
content: url(../images/noun-contact-2495375.svg); content: url(../images/noun-contact-2495375.svg);
padding-right: 1rem; padding-right: 1rem;
} }
header #block-reha-views-block-current-user-block-block-1 .connected { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected {
height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */ height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
width: 100%; width: 100%;
position: relative; position: relative;
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full {
display: none; display: none;
right: -40%; right: -40%;
position: absolute; position: absolute;
@@ -637,33 +637,33 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
padding: 5% 10% 110px 20%; padding: 5% 10% 110px 20%;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
@media (max-width: 500px) { @media (max-width: 500px) {
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre ::after { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre ::after {
left: 50px; left: 50px;
} }
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer {
font-weight: 400; font-weight: 400;
font-size: 1rem; font-size: 1rem;
margin-top: 2rem; margin-top: 2rem;
border-top: 1px solid black; border-top: 1px solid black;
padding-top: 1.5rem; padding-top: 1.5rem;
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul {
width: 45%; width: 45%;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
padding-left: 0; padding-left: 0;
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:first-of-type { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:first-of-type {
margin-top: 4rem; margin-top: 4rem;
border-bottom: 1px solid black; border-bottom: 1px solid black;
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li {
width: fit-content; width: fit-content;
text-transform: uppercase; text-transform: uppercase;
padding: 1rem; padding: 1rem;
@@ -671,10 +671,10 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:hover { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li:hover {
background-color: #fdc300; background-color: #fdc300;
} }
header #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li.addoperation { header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full footer ul li.addoperation {
display: none; display: none;
} }
@@ -885,7 +885,7 @@ input {
} }
.form-submit { .form-submit {
height: 3rem !important; height: 2.5rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
@@ -951,7 +951,6 @@ h4 {
aside.layout-sidebar-second { aside.layout-sidebar-second {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
padding-top: 110px;
z-index: 100; z-index: 100;
padding-left: 2rem; padding-left: 2rem;
transform: translateX(0%); transform: translateX(0%);
@@ -971,7 +970,7 @@ aside.layout-sidebar-second h2 {
cursor: pointer; cursor: pointer;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
text-align: center; text-align: start;
} }
aside.layout-sidebar-second h2::before { aside.layout-sidebar-second h2::before {
content: url("../../dist/images/noun-arrow-1569918-black.svg"); content: url("../../dist/images/noun-arrow-1569918-black.svg");
@@ -987,58 +986,53 @@ aside.layout-sidebar-second .view-current-user-doc-profile {
margin: 0 6rem; margin: 0 6rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
top: 200px;
position: relative;
padding-top: 10rem;
}
aside.layout-sidebar-second .view-current-user-doc-profile::before {
content: "";
width: 80%;
margin-top: 0.6rem;
margin-bottom: 1rem;
border-bottom: black solid 1px;
} }
aside.layout-sidebar-second .view-current-user-doc-profile header { aside.layout-sidebar-second .view-current-user-doc-profile header {
box-shadow: none; box-shadow: none;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title { aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier {
width: fit-content;
margin-bottom: 2rem;
}
aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier .views-field-title {
font-size: 2rem; font-size: 2rem;
font-weight: 900; font-weight: 900;
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
margin-bottom: 3rem; margin-bottom: 3rem;
position: relative;
z-index: 1000;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .views-field-title::after { aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier .views-field-title::after {
content: url(../images/noun-cross-1151731.svg); content: url(../images/noun-cross-1151731.svg);
cursor: pointer; cursor: pointer;
width: fit-content; width: fit-content;
display: block; display: block;
align-self: flex-end; align-self: flex-end;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur::before {
position: relative; content: "";
top: 160px; display: block;
width: fit-content; width: 80%;
margin-top: 0.6rem;
margin-bottom: 1rem;
border-bottom: black solid 1px;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage,
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement,
aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier {
text-transform: uppercase; text-transform: uppercase;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage > div:nth-child(1), aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1),
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement > div:nth-child(1), aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1),
aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier > div:nth-child(1) { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier > div:nth-child(1) {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: row; flex-direction: row;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage > div:nth-child(1)::before, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage > div:nth-child(1)::before,
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement > div:nth-child(1)::before, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement > div:nth-child(1)::before,
aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier > div:nth-child(1)::before { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier > div:nth-child(1)::before {
content: url("../../dist/images/noun-file-6880430.svg"); content: url("../../dist/images/noun-file-6880430.svg");
display: inline-flex; display: inline-flex;
width: 40px; width: 40px;
@@ -1046,21 +1040,21 @@ aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dos
padding-right: 1rem; padding-right: 1rem;
align-items: center; align-items: center;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier,
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier,
aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier {
padding-left: 10%; padding-left: 10%;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers,
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers, aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers,
aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers {
text-transform: none; text-transform: none;
border: none; border: none;
padding-left: 10%; padding-left: 10%;
} }
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2), aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-de-pilotage .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
aside.layout-sidebar-second .view-current-user-doc-profile .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2), aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .field--name-field-dossier-evenement .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2),
aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) { aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
display: none; display: none;
} }
aside.layout-sidebar-second footer.view-footer { aside.layout-sidebar-second footer.view-footer {
@@ -3215,6 +3209,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
} }
.page-mon-espace-de-travail .layout-content { .page-mon-espace-de-travail .layout-content {
padding-bottom: 3rem;
width: 80%; width: 80%;
margin-left: 8%; margin-left: 8%;
} }
web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss
+1
View File
@@ -8,6 +8,7 @@
.page-mon-espace-de-travail{ .page-mon-espace-de-travail{
.layout-content{ .layout-content{
padding-bottom: 3rem;
#block-reha-titredepage{ #block-reha-titredepage{
text-align: center; text-align: center;
} }
web/themes/custom/reha/scss/partials/_aside.scss
+68 -60
View File
@@ -39,7 +39,7 @@
aside.layout-sidebar-second{ aside.layout-sidebar-second{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
padding-top: $header-height; // padding-top: $header-height;
z-index: 100; z-index: 100;
padding-left: 2rem; padding-left: 2rem;
transform: translateX(0%); transform: translateX(0%);
@@ -59,7 +59,8 @@ aside.layout-sidebar-second{
cursor: pointer; cursor: pointer;
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
text-align: center; // text-align: center;
text-align: start;
&::before{ &::before{
content: url('../../dist/images/noun-arrow-1569918-black.svg'); content: url('../../dist/images/noun-arrow-1569918-black.svg');
display: inline-block; display: inline-block;
@@ -77,77 +78,84 @@ aside.layout-sidebar-second{
} }
.view-current-user-doc-profile{ .view-current-user-doc-profile{
margin: 0 6rem ; margin: 0 6rem ;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
top: 200px; // top: 200px;
position: relative; // position: relative;
padding-top: 10rem; // padding-top: 10rem;
&::before{
content: '' ;
width: 80%;
margin-top: 0.6rem;
margin-bottom: 1rem;
border-bottom: black solid 1px;
}
header{box-shadow: none;} header{box-shadow: none;}
.views-field-title{
font-size: 2rem;
font-weight: 900;
display: flex;
flex-direction: column-reverse;
margin-bottom: 3rem;
position: relative;
z-index: 1000;
&::after{
content: url(../images/noun-cross-1151731.svg);
cursor: pointer;
// padding-left: 2rem;
width: fit-content;
display: block;
align-self: flex-end;
// position: relative;
// right: 55px;
// top: -45px;
}
}
.view-curent-user-site-dossier{ .view-curent-user-site-dossier{
position: relative; // position: relative;
top: 160px; // top: 160px;
width: fit-content; width: fit-content;
margin-bottom: 2rem;
.views-field-title{
font-size: 2rem;
font-weight: 900;
display: flex;
flex-direction: column-reverse;
margin-bottom: 3rem;
// position: relative;
// z-index: 1000;
&::after{
content: url(../images/noun-cross-1151731.svg);
cursor: pointer;
// padding-left: 2rem;
width: fit-content;
display: block;
align-self: flex-end;
// position: relative;
// right: 55px;
// top: -45px;
}
}
} }
.field--name-field-dossier-de-pilotage, .profile--type--collaborateur{
.field--name-field-dossier-evenement, &::before{
.paragraph--type--dossier{ content: '' ;
text-transform: uppercase; display: block;
display: flex; width: 80%;
flex-direction: column; margin-top: 0.6rem;
> div:nth-child(1){ margin-bottom: 1rem;
border-bottom: black solid 1px;
}
.field--name-field-dossier-de-pilotage,
.field--name-field-dossier-evenement,
.paragraph--type--dossier{
text-transform: uppercase;
display: flex; display: flex;
align-items: center; flex-direction: column;
flex-direction: row; > div:nth-child(1){
} display: flex;
align-items: center;
flex-direction: row;
}
> 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-flex; display: inline-flex;
width: 40px; width: 40px;
height: auto; height: auto;
padding-right: 1rem; padding-right: 1rem;
align-items: center; align-items: center;
} }
.field__item{ .field__item{
.paragraph--type--dossier{ .paragraph--type--dossier{
padding-left: 10%;
.field--name-field-fichiers{
text-transform: none;
border: none;
padding-left: 10%; padding-left: 10%;
span:nth-of-type(2){ .field--name-field-fichiers{
display: none; text-transform: none;
border: none;
padding-left: 10%;
span:nth-of-type(2){
display: none;
}
} }
} }
} }
web/themes/custom/reha/scss/partials/_forms.scss
+1 -1
View File
@@ -21,7 +21,7 @@ input{
} }
.form-submit{ .form-submit{
height: 3rem !important; height: 2.5rem !important;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 300; font-weight: 300;
web/themes/custom/reha/scss/partials/_header.scss
+1 -1
View File
@@ -1,6 +1,6 @@
header{ header[role=banner]{
display: block; display: block;
height: 120px; height: 120px;
background-color: $white-header; background-color: $white-header;
web/themes/custom/reha/templates/block--views-block--current-user-doc-profile-block-1.html.twig
+48
View File
@@ -0,0 +1,48 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
{%
set classes = [
'block',
'block-' ~ configuration.provider|clean_class,
'block-' ~ plugin_id|clean_class,
'__close',
]
%}
<div{{ attributes.addClass(classes) }}>
{{ title_prefix }}
{% if label %}
<h2 class='__close' {{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>