appv2: switch to <dl> to display antifeatures

This commit is contained in:
axolotle 2023-01-05 21:38:45 +01:00
parent 50ffebbf34
commit c2beaa30e3

View file

@ -80,18 +80,18 @@
<h2>{{ $t('app.install.notifs.pre.warning') }}</h2> <h2>{{ $t('app.install.notifs.pre.warning') }}</h2>
<template v-if="app.antifeatures"> <template v-if="app.antifeatures">
<strong v-t="'app.antifeatures'" class="d-block mb-1" /> <strong v-t="'app.antifeatures'" class="d-block mb-2" />
<ul class="antifeatures"> <dl class="antifeatures">
<li v-for="antifeature in app.antifeatures" :key="antifeature.id"> <div v-for="antifeature in app.antifeatures" :key="antifeature.id">
<icon :iname="antifeature.icon" class="md mr-1" /> <dt class="d-inline">
{{ antifeature.title }} <icon :iname="antifeature.icon" class="md mr-1" />
<explain-what {{ antifeature.title }}:
:id="antifeature.id" </dt>
:title="antifeature.title" <dd class="d-inline">
:content="antifeature.description" {{ antifeature.description }}
/> </dd>
</li> </div>
</ul> </dl>
</template> </template>
<p v-if="app.quality.state === 'lowquality'" v-t="'app.install.problems.lowquality'" /> <p v-if="app.quality.state === 'lowquality'" v-t="'app.install.problems.lowquality'" />
@ -342,10 +342,8 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.antifeatures { .antifeatures {
padding-left: 1rem; dt::before {
content: "• ";
li {
list-style: none;
} }
} }
</style> </style>