bachir/ouatterrir-app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

preserving whitespaces #2199

Browse Source
This commit is contained in:
Bachir Soussi Chiadmi 2023-10-02 12:18:31 +02:00
parent 9698cb6e34
commit 51d0c7118a
3 changed files with 51 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/assets/main.scss
View File

@ -376,43 +376,43 @@ body{
// padding:0 0 0 1em; // padding:0 0 0 1em;
} }
.v-select{ // .v-select{
input.vs__search{ // input.vs__search{
display: none; // display: none;
} // }
div.vs__dropdown-toggle{ // div.vs__dropdown-toggle{
border-radius: 0; // border-radius: 0;
border: none; // border: none;
} // }
div.vs__selected-options{ // div.vs__selected-options{
padding: 0; // padding: 0;
span.vs__selected{ // span.vs__selected{
padding: 0; // padding: 0;
margin: 0; // margin: 0;
font-weight: 400; // font-weight: 400;
font-size: 1.323em; // font-size: 1.323em;
color:inherit; // color:inherit;
line-height: 1.15; // line-height: 1.15;
} // }
} // }
ul.vs__dropdown-menu{ // ul.vs__dropdown-menu{
border-radius: 0; // border-radius: 0;
border: none; // border: none;
li.vs__dropdown-option{ // li.vs__dropdown-option{
white-space:normal; // white-space:normal;
padding:1em 1em 0 1em; // padding:1em 1em 0 1em;
&:last-of-type{ // &:last-of-type{
padding:1em; // padding:1em;
} // }
color: #aaa; // color: #aaa;
transition: color 0.2s ease-in-out; // transition: color 0.2s ease-in-out;
&.vs__dropdown-option--highlight{ // &.vs__dropdown-option--highlight{
color:#000; // color:#000;
background-color: #fff; // background-color: #fff;
} // }
} // }
} // }
} // }
} }
} }
@ -493,7 +493,9 @@ body{
padding:0; margin:0; padding:0; margin:0;
list-style: none; list-style: none;
} }
p{
white-space: pre-line;
}
} }
section.search{ section.search{

6
src/components/contents/TerrainDeVie.vue
View File

@ -166,11 +166,13 @@ export default {
<template v-if="!entite"> <template v-if="!entite">
<section v-if="concernement.description" class="description"> <section v-if="concernement.description" class="description">
<label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label> <label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
<div v-html="concernement.description"/> <p v-html="concernement.description"/>
<!-- <p>{{ concernement.description }}</p> -->
</section> </section>
<section v-if="concernement.caillou" class="caillou"> <section v-if="concernement.caillou" class="caillou">
<label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label> <label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
<div v-html="concernement.caillou"/> <!-- <p v-html="concernement.caillou"/> -->
<p>{{ concernement.caillou }}</p>
</section> </section>
</template> </template>

8
vite.config.js
View File

@ -8,7 +8,13 @@ import svgLoader from 'vite-svg-loader'
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [vue(), graphql(), viteRequire(), svgLoader({defaultImport: 'raw'})], plugins: [vue({
template: {
compilerOptions: {
whitespace: 'preserve'
}
}
}), graphql(), viteRequire(), svgLoader({defaultImport: 'raw'})],
resolve: { resolve: {
alias: { alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)), '@': fileURLToPath(new URL('./src', import.meta.url)),