better cartouch css

This commit is contained in:
Bachir Soussi Chiadmi 2025-06-03 16:20:53 +02:00
parent f35493ea90
commit f6292d8ad1
3 changed files with 17 additions and 5 deletions

View File

@ -342,7 +342,7 @@ div.loading{
div.concernement-cartouche-icons{ div.concernement-cartouche-icons{
margin-bottom: 1em; margin-bottom: 1em;
h2{ h2{
font-weight: 400; font-weight: 500;
font-size: 1.512em; font-size: 1.512em;
// &.faded{ // &.faded{
// font-weight: 100; // font-weight: 100;

View File

@ -531,7 +531,7 @@ export default {
</script> </script>
<template> <template>
<CartoucheLayout ref="cartouche_layout" :cid="cid" @main_scrolled="onMainScrolled"> <CartoucheLayout ref="cartouche_layout" :cid="cid" :eid="eid" @main_scrolled="onMainScrolled">
<template v-slot:header> <template v-slot:header>
<div class="entite"> <div class="entite">
<!-- TODO update entite with revisions --> <!-- TODO update entite with revisions -->

View File

@ -9,13 +9,14 @@ import { mdiHeadphones } from '@mdi/js';
import ContentEditable from '@components/editable/ContentEditable.vue'; import ContentEditable from '@components/editable/ContentEditable.vue';
export default { export default {
props: ['cid'], props: ['cid','eid'],
emits: ['main_scrolled'], emits: ['main_scrolled'],
data(){ data(){
return { return {
headphones_path: mdiHeadphones, headphones_path: mdiHeadphones,
mainscrolled: false, mainscrolled: false,
headerreduced: false, headerreduced: false,
entite: false
} }
}, },
created () { created () {
@ -51,6 +52,17 @@ export default {
} }
}, },
deep: true deep: true
},
eid: {
handler (n, o) {
console.log(`TerrainDeVie watch eid o:${o}, n:${n}`);
if (n) {
this.entite = true;
}else{
this.entite = false;
}
},
deep: true
} }
}, },
methods: { methods: {
@ -79,8 +91,8 @@ export default {
<ContentEditable <ContentEditable
tag="h2" tag="h2"
:value="concernement.title" :value="concernement.title"
:class="{ ellipsed: headerreduced }" :class="{ ellipsed: entite }"
:contenteditable="concernement.can_update" :contenteditable="(concernement.can_update && !entite)"
:data="{ :data="{
entitytype: 'node', entitytype: 'node',
bundle: 'concernement', bundle: 'concernement',