klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-10 20:09:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix election candidate overflowing texte (#506)

Browse Source 
Le texte affiché lorsqu'on appuyait sur "Show more" dépassait horizontalement (programme des candidats)
This commit is contained in:
Julien Constant
2022-12-12 20:27:47 +01:00
committed by GitHub
parent 8fb0897160
commit 3e5c36b39e
2 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
core/static/election/election.scss
View File

@ -166,14 +166,15 @@ $min_col_width: 100px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 100%;
gap: $gap;
>.candidate {
display: flex;
flex-direction: column;
align-items: center;
list-style-type: none;
width: 100%;
gap: $gap;
>input[type="radio"]:checked + label,
@ -186,6 +187,10 @@ $min_col_width: 100px;
}
}
>label {
width: 100%;
}
>label>figure,
>figure {
position: relative;
@ -196,15 +201,19 @@ $min_col_width: 100px;
padding: 10px;
>img {
max-width: 100%;
max-width: 100% !important;
}
>figcaption {
width: 100%;
max-width: inherit !important;
overflow: hidden;
h5 {
margin: 0;
text-align: center;
}
q {
.candidate_program {
margin: 5px 0;
}
}