affichage des pièces jointes et liens

This commit is contained in:
2025-02-12 14:42:24 +01:00
parent eeb4702e96
commit 1b88937a6f
7 changed files with 380 additions and 65 deletions

View File

@@ -1177,12 +1177,71 @@ body{
}
}
}
> .pieces-jointes {
z-index: 1;
position: relative;
padding: 0 $modale-x-padding;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
gap: 1.8rem 1rem;
justify-content: space-between;
padding-bottom: 3rem;
> div {
padding-top: 5px;
> a {
background-color: white;
padding: 0.8rem 1rem;
padding-left: 1.2rem;
border-radius: 10rem;
text-decoration: none;
color: $main-color;
display: flex;
transition: transform 0.2s ease-in-out;
transform: translateY(0px);
&:hover {
transform: translateY(-4px);
}
}
> a.pj-link {
&::after {
mask: url('/themes/custom/caravane/assets/pictograms/download.svg') no-repeat center;
content: '';
mask-size: contain;
background-color: $main-color;
display: inline-block;
width: 1rem;
height: 1rem;
margin-top: 0.3rem;
margin-left: 0.5rem;
}
}
> a.lien-link {
&::after {
mask: url('/themes/custom/caravane/assets/pictograms/arrow_forward.svg') no-repeat center;
content: '';
mask-size: contain;
background-color: $main-color;
display: inline-block;
width: 1rem;
height: 1rem;
margin-top: 0.3rem;
margin-left: 0.5rem;
}
}
}
}
> footer {
z-index: 0;
.pattern-bottom {
mask-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0));
height: $modale-bottom-padding;
position: absolute;
bottom: 0;
width: 100%;
background-image: url(/themes/custom/caravane/assets/imgs/motif-caravane-invert-tile.png);
background-size: 300px;
background-size: repeat;
}
.related-etape-links {
position: absolute;