corrections soulignages des titres multilignes

This commit is contained in:
Valentin 2024-10-11 18:05:54 +02:00
parent 66d43ad373
commit 33bd7696e1
4 changed files with 11 additions and 16 deletions

View File

@ -1,8 +1,9 @@
<template> <template>
<div class="chiffres-cles"> <div class="chiffres-cles">
<h3> <h3>
<div class="underline" :style="{ backgroundColor: couleur }"></div> <p
<p>Chiffres clés</p> :style="{ background: `linear-gradient(transparent 70%, ${couleur} 70%)` }"
>Chiffres clés</p>
</h3> </h3>
<div> <div>
<div v-for="chiffre in partie.chiffresCles"> <div v-for="chiffre in partie.chiffresCles">

View File

@ -1,8 +1,9 @@
<template> <template>
<div class="entretien"> <div class="entretien">
<h3> <h3>
<div class="underline" :style="{ backgroundColor: couleur }"></div> <p
<p>Entretien</p> :style="{ background: `linear-gradient(transparent 70%, ${couleur} 70%)` }"
>Entretien</p>
</h3> </h3>
<div class="personnes"> <div class="personnes">
<div v-for="personne in partie.entretien.personnes" class="personne"> <div v-for="personne in partie.entretien.personnes" class="personne">

View File

@ -1,8 +1,10 @@
<template> <template>
<div class="partie-title"> <div class="partie-title">
<h3> <h3>
<div class="underline" :style="{ backgroundColor: couleur }"></div> <p
<p v-html="partie.titre"></p> v-html="partie.titre"
:style="{ background: `linear-gradient(transparent 70%, ${couleur} 70%)` }"
></p>
</h3> </h3>
</div> </div>
<div <div

View File

@ -709,7 +709,7 @@ body{
position: relative; position: relative;
display: inline-block; display: inline-block;
> p { > p {
display: inline-block; display: inline;
font-size: $l-font-size; font-size: $l-font-size;
font-family: 'Joost', sans-serif; font-family: 'Joost', sans-serif;
margin: 0; margin: 0;
@ -717,15 +717,6 @@ body{
position: relative; position: relative;
padding: 0 0.5rem; padding: 0 0.5rem;
} }
> .underline {
z-index: 0;
left: 0;
top: 1.4rem;
position: absolute;
width: 100%;
display: inline-block;
height: 0.8rem;
}
} }
} }
> .chiffres-cles { > .chiffres-cles {