better cartouch css
This commit is contained in:
parent
f35493ea90
commit
f6292d8ad1
@ -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;
|
||||||
|
@ -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 -->
|
||||||
|
@ -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',
|
||||||
|
Loading…
x
Reference in New Issue
Block a user