bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css new header-bottom

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-10 12:45:17 +01:00
parent 90fa6b3a3b
commit cce83ae238
3 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/popsu/assets/css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
web/themes/custom/popsu/sass/pages/_home.scss
View File

@ -93,7 +93,7 @@
} }
} }
.last-news{ .last-news{
margin-top: 2rem; margin-top: 0.5rem;
height: auto; height: auto;
.slick-track{ .slick-track{
height: 40vw; height: 40vw;

21
web/themes/custom/popsu/sass/pages/partials/_header_footer.scss
View File

@ -1,5 +1,6 @@
//header //header
.header_top_middle_container{
.header_bottom_container{
.programme-1{ .programme-1{
.views-field-field-programme{ .views-field-field-programme{
.field-content{ .field-content{
@ -167,9 +168,9 @@
#header-top{ #header-top{
height: 5rem; height: 5rem;
background: white; background: white;
padding-bottom: 1rem; border-bottom: solid black 0.5px;
padding-top: 1rem;
} }
.header_top_left_container{ .header_top_left_container{
height: 100%; height: 100%;
display: grid; display: grid;
@ -196,8 +197,12 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
} }
#header-top-middle{
.header_top_middle_container{ display: flex;
align-items: center;
justify-content: end;
}
.header_bottom_container{
height: 100%; height: 100%;
// solution to access views container // solution to access views container
.views-element-container{ .views-element-container{
@ -209,8 +214,10 @@
// display: grid; // display: grid;
// grid-template-columns: repeat(4, 1fr); // grid-template-columns: repeat(4, 1fr);
display: flex; display: flex;
justify-content: end; justify-content: space-evenly;
align-items: center; align-items: center;
padding: 1rem 15%;
&>div:first-child{ &>div:first-child{
grid-column-start: 2; grid-column-start: 2;
} }
@ -297,6 +304,8 @@
} }
#header-top-right{ #header-top-right{
border-left: solid black 0.5px;
.header_top_right_container{ .header_top_right_container{
position: absolute; position: absolute;
top: 0; top: 0;