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*/
header {
header[role=banner] {
display: block;
height: 120px;
background-color: rgb(255, 255, 255);
@@ -311,105 +311,105 @@ header {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media (max-width: 800px) {
header {
header[role=banner] {
width: 800px;
}
}
header .region-header {
header[role=banner] .region-header {
display: inline-grid;
align-items: center;
grid-template-columns: repeat(10, 1fr);
}
@media (max-width: 891px) {
header .region-header {
header[role=banner] .region-header {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
header .region-header #block-reha-logoministere {
header[role=banner] .region-header #block-reha-logoministere {
grid-column: 1;
width: 135px;
min-width: 100px;
padding-left: 80px;
height: 100%;
}
header .region-header #block-reha-logoministere img {
header[role=banner] .region-header #block-reha-logoministere img {
max-width: 100%;
object-fit: contain;
}
@media (max-width: 891px) {
header .region-header #block-reha-logoministere {
header[role=banner] .region-header #block-reha-logoministere {
padding-left: 5%;
padding-top: 0%;
}
}
header .region-header #block-reha-logoreha {
header[role=banner] .region-header #block-reha-logoreha {
grid-column: 2;
height: 110px;
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;
}
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;
}
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;
width: auto;
}
header .region-header #block-reha-navigationprincipale {
header[role=banner] .region-header #block-reha-navigationprincipale {
grid-column: 3/span 6;
}
header .region-header #block-reha-navigationprincipale ul {
header[role=banner] .region-header #block-reha-navigationprincipale ul {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
@media (max-width: 1100px) {
header .region-header #block-reha-navigationprincipale ul {
header[role=banner] .region-header #block-reha-navigationprincipale ul {
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;
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;
}
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;
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;
}
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;
font-weight: 1000;
}
header .region-header #block-reha-connexionutilisateur {
header[role=banner] .region-header #block-reha-connexionutilisateur {
grid-column: 9;
display: flex;
flex-direction: column;
height: fit-content;
}
@media (max-width: 891px) {
header .region-header #block-reha-connexionutilisateur {
header[role=banner] .region-header #block-reha-connexionutilisateur {
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);
}
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 */
width: 100%;
position: relative;
}
header .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full {
display: none;
right: -235px;
top: 36px;
@@ -422,7 +422,7 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
padding: 5% 10% 5% 5%;
}
@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;
right: -250px;
width: 500px;
@@ -430,43 +430,43 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
}
}
@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;
right: -90px;
width: 400px;
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%;
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;
left: 430px;
}
@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;
}
}
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%;
display: flex;
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 {
header[role=banner] .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 {
header[role=banner] .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 {
header[role=banner] .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 {
header[role=banner] .region-header #block-reha-connexionutilisateur .connexion .connexion-full ul {
font-size: 1.2rem;
width: 70%;
display: flex;
@@ -475,28 +475,28 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
margin-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;
}
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;
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;
}
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-size: 0.9rem;
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;
}
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;
}
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;
padding: 1rem;
border: solid black 1px;
@@ -504,35 +504,35 @@ header .region-header #block-reha-connexionutilisateur .connexion .connexion-ful
background-color: rgb(255, 255, 255);
}
@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;
}
}
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;
}
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;
}
header .region-header #block-reha-config-pages {
header[role=banner] .region-header #block-reha-config-pages {
grid-column: 10;
display: flex;
flex-direction: column;
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-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);
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 */
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;
background-color: rgb(255, 255, 255);
position: absolute;
@@ -546,7 +546,7 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
clip-path: inset(0px -10px -10px -10px);
}
@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;
top: 100%;
width: 500px;
@@ -556,76 +556,76 @@ header .region-header #block-reha-config-pages .contacts .contacts-full {
}
}
@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: -moz-available; /* For Mozzila */
width: -webkit-fill-available; /* For Chrome */
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-left: 3rem;
}
@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;
}
}
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;
}
@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;
}
}
@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;
}
}
header .region-header #block-reha-config-pages .contacts .field__item {
header[role=banner] .region-header #block-reha-config-pages .contacts .field__item {
display: flex;
flex-direction: column;
padding-left: 3rem;
}
@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;
}
}
@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-bottom: 2rem;
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;
width: auto;
display: flex;
flex-direction: column;
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;
color: black;
display: flex;
flex-direction: column;
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);
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 */
width: 100%;
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;
right: -40%;
position: absolute;
@@ -637,33 +637,33 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
padding: 5% 10% 110px 20%;
}
@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;
}
}
@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;
}
}
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-size: 1rem;
margin-top: 2rem;
border-top: 1px solid black;
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%;
display: flex;
flex-direction: column-reverse;
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;
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;
text-transform: uppercase;
padding: 1rem;
@@ -671,10 +671,10 @@ header #block-reha-views-block-current-user-block-block-1 .connected .connected-
margin-bottom: 1rem;
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;
}
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;
}
@@ -885,7 +885,7 @@ input {
}
.form-submit {
height: 3rem !important;
height: 2.5rem !important;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: 300;
@@ -951,7 +951,6 @@ h4 {
aside.layout-sidebar-second {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
padding-top: 110px;
z-index: 100;
padding-left: 2rem;
transform: translateX(0%);
@@ -971,7 +970,7 @@ aside.layout-sidebar-second h2 {
cursor: pointer;
padding-top: 2rem;
padding-bottom: 2rem;
text-align: center;
text-align: start;
}
aside.layout-sidebar-second h2::before {
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;
display: flex;
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 {
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-weight: 900;
display: flex;
flex-direction: column-reverse;
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);
cursor: pointer;
width: fit-content;
display: block;
align-self: flex-end;
}
aside.layout-sidebar-second .view-current-user-doc-profile .view-curent-user-site-dossier {
position: relative;
top: 160px;
width: fit-content;
aside.layout-sidebar-second .view-current-user-doc-profile .profile--type--collaborateur::before {
content: "";
display: block;
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 .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 .field--name-field-dossier-de-pilotage,
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 .profile--type--collaborateur .paragraph--type--dossier {
text-transform: uppercase;
display: flex;
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 .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 .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-evenement > 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;
align-items: center;
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 .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 .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-evenement > 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");
display: inline-flex;
width: 40px;
@@ -1046,21 +1040,21 @@ aside.layout-sidebar-second .view-current-user-doc-profile .paragraph--type--dos
padding-right: 1rem;
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 .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 .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-evenement .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%;
}
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 .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 .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-evenement .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;
border: none;
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 .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 .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-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 .paragraph--type--dossier .field__item .paragraph--type--dossier .field--name-field-fichiers span:nth-of-type(2) {
display: none;
}
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 {
padding-bottom: 3rem;
width: 80%;
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{
.layout-content{
padding-bottom: 3rem;
#block-reha-titredepage{
text-align: center;
}
web/themes/custom/reha/scss/partials/_aside.scss
+69 -61
View File
@@ -39,7 +39,7 @@
aside.layout-sidebar-second{
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 4px;
padding-top: $header-height;
// padding-top: $header-height;
z-index: 100;
padding-left: 2rem;
transform: translateX(0%);
@@ -59,7 +59,8 @@ aside.layout-sidebar-second{
cursor: pointer;
padding-top: 2rem;
padding-bottom: 2rem;
text-align: center;
// text-align: center;
text-align: start;
&::before{
content: url('../../dist/images/noun-arrow-1569918-black.svg');
display: inline-block;
@@ -77,77 +78,84 @@ aside.layout-sidebar-second{
}
.view-current-user-doc-profile{
margin: 0 6rem ;
display: flex;
flex-direction: column;
top: 200px;
position: relative;
padding-top: 10rem;
// top: 200px;
// position: relative;
// padding-top: 10rem;
&::before{
content: '' ;
width: 80%;
margin-top: 0.6rem;
margin-bottom: 1rem;
border-bottom: black solid 1px;
}
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{
position: relative;
top: 160px;
// position: relative;
// top: 160px;
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,
.field--name-field-dossier-evenement,
.paragraph--type--dossier{
text-transform: uppercase;
display: flex;
flex-direction: column;
> div:nth-child(1){
.profile--type--collaborateur{
&::before{
content: '' ;
display: block;
width: 80%;
margin-top: 0.6rem;
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;
align-items: center;
flex-direction: row;
}
> div:nth-child(1)::before{
content: url('../../dist/images/noun-file-6880430.svg');
display: inline-flex;
width: 40px;
height: auto;
padding-right: 1rem;
align-items: center;
}
.field__item{
.paragraph--type--dossier{
padding-left: 10%;
.field--name-field-fichiers{
text-transform: none;
border: none;
flex-direction: column;
> div:nth-child(1){
display: flex;
align-items: center;
flex-direction: row;
}
> div:nth-child(1)::before{
content: url('../../dist/images/noun-file-6880430.svg');
display: inline-flex;
width: 40px;
height: auto;
padding-right: 1rem;
align-items: center;
}
.field__item{
.paragraph--type--dossier{
padding-left: 10%;
span:nth-of-type(2){
display: none;
.field--name-field-fichiers{
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{
height: 3rem !important;
height: 2.5rem !important;
margin-bottom: 1rem;
font-size: 1.2rem;
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;
height: 120px;
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>