css form operation

This commit is contained in:
2023-11-28 16:33:46 +01:00
parent a0ffdcdf13
commit 310e436224
6 changed files with 143 additions and 49 deletions
+3 -8
View File
@@ -17,11 +17,9 @@
font-weight: 900;
margin: 0;
line-height: 0.6;
}
.block-region-content{
// display: flex;
// flex-wrap: wrap;
display: grid;
grid-column: repeat(2, 1fr);
.block-views-blockhome-block-1{
@@ -49,13 +47,11 @@
font-weight: 900;
line-height: 1rem;
font-size:1.8rem ;
}
.field--name-field-description{
margin-top: 0;
font-size: 2rem;
line-height: 2.2rem;
// inline-size: 1rem;
p{
margin-top: 0.8rem;
}
@@ -99,7 +95,7 @@
justify-content: flex-end;
align-items: center;
.field--type-file{
width: 100%;
width: 80%;
margin: 0;
}
:hover{
@@ -110,12 +106,11 @@
grid-column: 2;
grid-row: 3;
width: 90%;
// height: fit-content;
display: flex;
justify-content: flex-end;
align-items: center;
.field--type-file{
width: 100%;
width: 80%;
margin: 0;
}
:hover{
@@ -1,15 +1,82 @@
#block-reha-contenudelapageprincipale{
#node-operation-form{
width: 70%;
#edit-field-fiche-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
width: fit-content;
background-color: rgba(153, 147, 174, 0) !important;
border: none;
padding: 0;
label{
order: 1;
font-weight: 800;
}
.description{
text-transform: lowercase;
order: 2;
font-style: italic;
// font-weight: 800;
}
.form-managed-file{
// background-color: white;
@extend %buttonwithborder;
order: 3;
margin-top: 1rem;
}
}
#edit-field-dossier-de-candidature-wrapper{
// background-color: rgba(153, 147, 174, 0) !important;
// border: none;
width: 40%;
background-color: rgba(153, 147, 174, 0) !important;
border: none;
padding: 0;
margin-top: 1rem;
// width: 40%;
label{
order: 1;
font-weight: 800;
}
.description{
text-transform: lowercase;
order: 2;
font-style: italic;
// font-weight: 800;
}
.form-managed-file{
// background-color: white;
@extend %buttonwithborder;
order: 3;
margin-top: 1rem;
}
}
label{
font-weight: 800;
}
.form-wrapper{
margin-bottom: 1rem;
margin-top: 1rem;
}
#edit-field-commentaire-0-value{
width: 80%;
}
#edit-field-adresse-0-address-container2{
display: flex;
flex-direction: row;
width: 100%;
.form-item{
display: flex;
flex-direction: row;
}
}
.form-item{
display: flex;
flex-direction: column;
}
#edit-field-commentaire-wrapper{
margin-bottom: 2rem;
}
.counter{
font-style: italic;
}
}
}