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

css form proposer operation

Browse Source
This commit is contained in:
ouidade
2023-11-30 14:23:43 +01:00
parent f7802735cc
commit 4158d1a22b
5 changed files with 101 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/partials/_header.scss
+28 -12
View File
@@ -30,9 +30,9 @@ header{
#block-reha-logoministere{
grid-column: 1;
width: 200px;
min-width: 100px;
padding-left: 4rem;
padding-left: 80px;
padding-top: 30px;
height: 100%;
img{
max-width: 100%;
@@ -40,7 +40,8 @@ header{
}
@media (max-width:891px) {
// width: 10%;
padding-left: 1rem;
padding-left: 80px;
padding-top: 20px;
}
}
@@ -62,8 +63,6 @@ header{
}
#block-reha-connexionutilisateur{
grid-column: 9;
display: flex;
flex-direction: column;
@@ -102,8 +101,20 @@ header{
clip-path: inset(0px -10px -10px -10px);
padding: 5% 10% 5% 5%;
@media (max-width:891px) {
top: 15px;
top: 50px;
right: -250px;
width: 500px;
height: fit-content;
}
// @media(max-width: 891px){
// top: 100%;
// width: 500px;
// padding-left: 0;
// padding-top: 1rem;
// height: fit-content;
// }
@media (max-width:500px) {
top: 15px;
right: -150px;
@@ -232,11 +243,12 @@ header{
@media(max-width: 891px){
right: 0px;
top: 100%;
width: 100vw;
width: 500px;
padding-left: 0;
padding-top: 1rem;
height: fit-content;
}
.titre{
padding-left:3rem ;
@@ -244,12 +256,12 @@ header{
padding-left: 1.5rem;
}
::after{
left: 320px;
left: 290px;
@media(max-width: 891px){
left: 242px;
}
@media (max-width:500px) {
left: 175px;
left: 150px;
}
}
@@ -259,10 +271,14 @@ header{
display: flex;
flex-direction: column;
padding-left: 3rem;
@media (max-width:500px) {
padding-left: 1.5rem;
@media (max-width:891px) {
padding-bottom: 2rem;
}
@media (max-width:500px) {
padding-left: 2rem;
padding-bottom: 2rem;
padding-right: 1.5rem;
}
}
}
}
@@ -352,7 +368,7 @@ header{
content: url(../images/noun-cross-1151731.svg);
float: right;
position: relative;
left: 90px;
left: 70px;
cursor: pointer;
}