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

fix css retour Maud

Browse Source
This commit is contained in:
ouidade
2024-06-24 17:17:48 +02:00
parent d75d876e7f
commit b7a5c3f375
17 changed files with 241 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/global/_layout.scss
+1 -1
View File
@@ -1,5 +1,5 @@
$header-height : 150px;
$header-height : 110px;
$width-menu-slidedown : 550px;
.layout-container {
web/themes/custom/reha/scss/global/variables/_buttons.scss
+4 -6
View File
@@ -3,10 +3,11 @@
%buttonwithborder {
text-transform: uppercase;
padding: 1rem;
padding: 0.5rem;
border: solid black 1px;
margin-bottom: 1rem;
background-color: $white-button;
font-size: 0.9rem;
@media (max-width:891px) {
font-size: 1rem;
}
@@ -23,15 +24,12 @@
.page-programme .field--type-link {
@extend %buttonwithborder;
width: fit-content;
padding: 0.4rem;
padding: 0.3rem;
background-color: transparent;
}
.field--type-link {
@extend %buttonwithborder;
width: fit-content;
.page-programme{
padding: 0.4rem;
}
}
web/themes/custom/reha/scss/pages/actualites.scss
+1 -4
View File
@@ -54,10 +54,7 @@
border-radius: 50px;
width: fit-content;
padding: 0.2rem 0.9rem;
div:nth-child(1)
{
display: none;
}
.field__item{
display: inline;
}
web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
+3 -2
View File
@@ -2,6 +2,7 @@
// display:none;
background-color: white;
padding-bottom: 3rem;
padding-left: 12%;
h2{
width: 80%;
margin: auto;
@@ -15,8 +16,8 @@
// justify-content: space-between;
.views-row{
width: 30%;
padding-right: 2rem;
width: 20vw !important;
padding-right: 5rem;
.node-type-actualite{
width: 100%;
display: flex;
web/themes/custom/reha/scss/pages/home/home-view-presentation.scss
+3 -2
View File
@@ -6,10 +6,11 @@
.view-display-id-block_1{
width: 60%;
margin: auto;
padding-top: 5rem;
max-height: 300px;
padding-top: 3rem;
// max-height: 300px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 1.3rem;
@media(max-width: 891px){
width: 80%;
padding-top: 3rem;
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+13 -8
View File
@@ -6,10 +6,10 @@
font-weight: 800;
padding: 2rem;
margin-right: 1rem;
width: 20%;
width: 20vw;
margin-left: 12%;
padding-top: 0.5rem;
padding-left: 0.5rem;
padding-left: 0.8rem;
padding-bottom: 5rem;
@media(max-width: 891px){
margin-bottom: 1rem;
@@ -17,10 +17,13 @@
width: 50%;
// margin: auto;
}
p{margin: 0;}
strong{
p{
margin: 0;
font-size: 1.3rem;
}
strong{
font-size: 1.5rem;
}
}
.block-views-blocksites-block-1 {
top: -60px;
@@ -52,14 +55,15 @@
// width: 70%;
// // object-fit: cover;
// height: auto;
height: 500px;
width: auto;
max-height: 500px;
width: 100%;
object-fit: cover;
}
}
.filtered-content{
.infos-content-site{
// border: solid $yellow-puca 1px;
background-color: $white-button;
width: 80%;
width: 20vw;
order: 2;
display: flex;
flex-direction: column;
@@ -126,5 +130,6 @@
margin: auto;
z-index: 99;
position: relative;
top: -20px;
}
}
web/themes/custom/reha/scss/pages/le-programme.scss
+19 -25
View File
@@ -6,49 +6,48 @@
.block-region-second{
h2{
font-weight: 1000;
font-size: 1.8rem;
}
.block-views-blockhome-block-1{
width: 80%;
font-size: 1.2rem;
}
.view-display-id-block_1{
margin: 0;
width: 80%;
padding-top: 1rem;
}
.block-config-pages-block{
}
.block-config-pages-block{
margin: 0;
width: 80%;
padding-top: 1rem;
.config_pages--partenaires--full{
.paragraph--type--partenaire{
// background-color: $white;
width: 100%;
padding-bottom: 3rem;
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-template-rows: repeat(auto-fill);
height: 205px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: baseline;
@media (max-width: 810px){
display: flex;
flex-direction: column;
}
.paragraph--type--partenaire>* {
flex: 1 1 80px;
}
.field--name-field-logo{
grid-column: 1 / 2;
grid-row: 2;
margin-top: 2rem;
width: fit-content;
padding-right: 1rem;
}
.field--name-field-nom{
grid-column: 2 / 8;
grid-row: 1;
font-weight: 900;
font-size: 1.2rem
}
.field--name-field-texte{
grid-column: 2 / 8;
grid-row: 2;
.field__item{
p{
strong{
@@ -56,20 +55,15 @@
}
}
}
}
.field--name-field-lien{
grid-column: 2 / 8;
grid-row: 3;
background-color: none;
}
}
}
}
}
}
web/themes/custom/reha/scss/pages/node-site.scss
+12 -11
View File
@@ -14,15 +14,6 @@
#block-reha-titredepage{
display: none;
// background-color: white;
// width: 25vw;
// padding-top: 1rem;
// padding-left: 1rem;
// padding-right: 1rem;
// font-size: 0.8rem;
// h1{
// margin: 0 ;
// }
}
.node-type-site{
margin: auto;
@@ -35,16 +26,18 @@
.field--name-field-image{
// position: relative;
// order: 2;
width: 80%;
width: 100%;
margin: auto;
// max-width: 100%;
.field__item{
display: flex;
flex-direction: row;
// padding-left: 20%;
img{
width: 100%;
object-fit: cover;
height: auto;
padding-left: 13%;
}
blockquote{
align-self: flex-end;
@@ -61,7 +54,7 @@
}
}
.filtered-content{
.infos-content-site{
z-index: 99;
background-color: $white-button;
width: 25vw;
@@ -135,6 +128,14 @@
}
}
.body-content-site{
order: 3;
top: -60px;
position: relative;
width: 50%;
margin: auto;
font-size: 1.3rem;
}
}
}
}
web/themes/custom/reha/scss/partials/_header.scss
+7 -6
View File
@@ -2,7 +2,7 @@
header{
display: block;
height: 150px;
height: 120px;
background-color: $white-header;
z-index: 99;
width: 100vw;
@@ -29,10 +29,10 @@ header{
#block-reha-logoministere{
grid-column: 1;
width: 200px;
width: 135px;
min-width: 100px;
padding-left: 80px;
padding-top: 30px;
// padding-top: 30px;
height: 100%;
img{
max-width: 100%;
@@ -55,14 +55,15 @@ header{
grid-column: 2;
// max-height: 80%;
height: $header-height;
padding-top: 20px;
padding-left: 1rem;
// padding-top: 20px;
.field--name-field-logo{
height: $header-height;
.field__item{
height: $header-height;
img{
max-height:inherit;
width: fit-content;
max-height:$header-height;
width: auto;
}
}
}