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

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

@ -166,11 +166,13 @@ export default {
<template v-if="!entite">
<section v-if="concernement.description" class="description">
<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 v-if="concernement.caillou" class="caillou">
<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>
</template>

8
vite.config.js
View File

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