aside mon espace de travail clean css

This commit is contained in:
2025-08-09 02:26:32 +02:00
parent 0804ac5b5a
commit af994ab36c
6 changed files with 226 additions and 174 deletions
@@ -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;
}
}
}
}
@@ -21,7 +21,7 @@ input{
}
.form-submit{
height: 3rem !important;
height: 2.5rem !important;
margin-bottom: 1rem;
font-size: 1.2rem;
font-weight: 300;
@@ -1,6 +1,6 @@
header{
header[role=banner]{
display: block;
height: 120px;
background-color: $white-header;