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

slide actus

Browse Source
This commit is contained in:
ouidade
2024-07-03 15:00:08 +02:00
parent d3dd44d009
commit 766099b2b4
8 changed files with 140 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/scss/pages/home/home-view-actualites.scss
+41 -26
View File
@@ -1,43 +1,57 @@
.block-views-blockactus-block-1{
display:none;
// display:none;
background-color: white;
padding-bottom: 3rem;
padding-left: 12%;
// padding-left: 12%;
h2{
width: 80%;
margin: auto;
// margin: auto;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 12%;
font-size: 2rem;
font-weight: 900;
}
.view-id-actus{
width: 100%;
margin: auto;
// display: flex;
// justify-content: space-between;
.views-row{
width: 20vw !important;
padding-right: 5rem;
width: 30vw !important;
margin-left: 1rem;
&:first-of-type{
padding-left: 15%;
}
.node-type-actualite{
width: 100%;
width: 84%;
display: flex;
flex-direction: column;
height: 100%;
p.field__item{
display: none;
}
.image-actualite{
width: 90%;
margin: auto;
img{
width: 100%;
height: auto;
}
width: 80%;
height: 250px;
margin-left: 1rem;
.field--name-field-image{
height: 100%;
.field__items{
height: 100%;
.field__item{
width: 100%;
height: 100%;
img{
width: 100%;
height: auto;
object-fit: cover;
height: 100%;
}
}
}
}
}
.infos-content{
position: relative;
top: -10px;
display: flex;
flex-direction: column;
border: solid $yellow-puca 1px;
@@ -48,11 +62,11 @@
margin: 0;
font-size: 1.5rem;
font-weight: 600;
padding: 0;;
}
.field--name-field-sous-titre {
order: 3;
font-size: 1.3rem;
// line-height: 0.3rem;
}
.field--name-field-date{
order: 4;
@@ -74,27 +88,28 @@
padding: 0.2rem 0.9rem;
.field__item{
display: inline;
}
a{
color: white;
font-weight: 900;
font-size: 0.8rem;
vertical-align: top;
}
}
}
ul.links{
order: 6;
display: none;
}
}
.body-content{
display: none;
}
}
}
.slick-dots{
position: relative;
bottom: 0;
}
.slick-prev{
left:35px;
}
}
}
web/themes/custom/reha/scss/pages/home/home-view-presentation.scss
+1
View File
@@ -28,6 +28,7 @@
z-index: 99;
position: relative;
margin-top: 2rem;
margin-bottom: 4rem;
.field--type-link{
.field__item::after{
content: url('../dist/images/noun-arrow-1569918-black.svg');
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+2 -1
View File
@@ -185,6 +185,7 @@
z-index: 99;
// position: relative;
// top: -10px;
margin-top: 2rem;
margin-top: 1rem;
margin-bottom: 4rem;
}
}
web/themes/custom/reha/scss/partials/_slick-theme.scss
+4 -4
View File
@@ -67,8 +67,8 @@ $slick-opacity-not-active: 0.25 !default;
position: absolute;
display: block;
z-index: 9;
height: 20px;
width: 20px;
// height: 20px;
// width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
@@ -94,8 +94,8 @@ $slick-opacity-not-active: 0.25 !default;
}
&:before {
font-family: $slick-font-family;
font-size: 200px;
line-height: 1.5;
// font-size: 200px;
// line-height: 1.5;
color: $slick-arrow-color;
opacity: $slick-opacity-default;
-webkit-font-smoothing: antialiased;
web/themes/custom/reha/scss/partials/_slick_custom.scss
+23 -3
View File
@@ -11,10 +11,30 @@ $slick-arrow-color: $yellow-puca !default;
}
}
.view-actus.slick-slider.slick-next {
&:before {
.view-actus .slick-arrow {
// background-color: rgba(255, 255, 255, 0.8);
background-image: radial-gradient(white, transparent);
border-radius: 50%;
padding: 0.8rem;
width: 120px;
height: auto;
&.slick-next {
padding-right: 0rem;
}
&.slick-prev {
padding-left: 0rem;
}
}
background: rgba(255, 255, 255, 0.1);
.view-sites,
.view-actus {
> .slick-arrow{
top: 50%;
&.slick-next {
right: 230px;
padding-right: 0rem;
}
}
}