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

mobile calendrier event display fix; Hyphenation words with dash fix

Browse Source
This commit is contained in:
bachir
2026-10-20 16:27:22 +02:00
parent 0637c0f90d
commit 48e9bf856c
4 changed files with 74 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/leshed/assets/scss/partials/abstracts/_event-calendrier.scss
+53 -19
View File
@@ -2,41 +2,30 @@
@use "../abstracts/variables" as *;
@use "fluid" as *;
@use "../abstracts/event-date-time" as *;
@use "../abstracts/breakpoints" as *;
@mixin event_calendar(){
// @include evenementListe();
border-top: 1px solid #ccc;
padding: 2em 0 1em 0;
display: flex;
flex-direction: row;
gap: 1em;
header{
flex:0 1 auto;
// width: 5em;
padding:0 1em 0 0;
.field_dates{
@include event-date-time(5em);
flex-direction: column;
align-items: center;
gap: 0.6em;
span.date-sep{
display: block;
width: 1em;
height: 0;
overflow: visible;
transform-origin: center;
transform: rotate(90deg) translateX(0.1em);
line-height: 0;
// transform-origin: center;
transform: translateX(0.1em);
// line-height: 0;
padding: 0;
}
}
}
section.content{
flex:1 1 auto;
h2.node-title{
font-size: 3em;
}
@@ -59,21 +48,66 @@
}
section.last-cel{
flex:0 1 auto;
.field_images{
a{
display: block;
width: 12em;
width: 100%;
height: 12em;
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit:contain;
object-position: top right;
object-fit:cover;
object-position: center;
}
}
}
}
@media #{$desktop-et-tablette}{
&{
display: flex;
flex-direction: row;
gap: 1em;
header{
flex:0 1 auto;
// width: 5em;
padding:0 1em 0 0;
.field_dates{
flex-direction: column;
align-items: center;
gap: 0.6em;
span.date-sep{
transform-origin: center;
transform: rotate(90deg) translateX(0.1em);
line-height: 0;
padding: 0;
}
}
}
section.content{
flex:1 1 auto;
}
section.last-cel{
flex:0 1 auto;
.field_images{
a{
width: 12em;
height: 12em;
img{
object-fit:contain;
object-position: top right;
}
}
}
}
}
}
}