Animations, Policy, Toolbar Colors

src/components/CMyPageElem2/CMyPageElem2.vue

@@ -1,51 +1,28 @@
 <template>
   <div>
     <div v-if="mypathin && !!rec">
-      <q-toggle
-        v-if="tools.isManager()"
-        v-model="editOn"
-        color="green"
-        @update:model-value="changeVisuDrawer(mypathin, editOn)"
-        icon="fas fa-pencil-alt"
-      >
-      </q-toggle>
-
-      <q-toggle
-        v-if="tools.isManager()"
-        v-model="visuEditor"
-        color="green"
-        @update:model-value="changeVisuDrawer(mypathin, editOn)"
-        icon="fas fa-pencil-alt"
-      >
-      </q-toggle>
-
       <q-drawer
         v-model="visuEditor"
+        v-if="selElem && editOn"
         side="right"
-        :width="350"
-        :breakpoint="700"
+        :width="tools.isMobile() ? 350 : 400"
+        :breakpoint="800"
         elevated
+        style="position: absolute; top: 0; left: 0"
       >
-        <q-scroll-area class="fit">
-          <q-bar dense class="bg-primary text-white">
-            <q-toolbar-title> Editor </q-toolbar-title>
-            <q-btn
-              flat
-              round
-              color="white"
-              icon="close"
-              @click="
-                visuEditor = false;
-              "
-            ></q-btn>
-          </q-bar>
-          <CMyEditElem
-            :myelem="selElem"
-            :editOn="true"
-            :path="rec.path"
-          >
-          </CMyEditElem>
-        </q-scroll-area>
+        <q-bar dense class="q-ma-xs bg-primary text-white">
+          <q-toolbar-title> Editor </q-toolbar-title>
+          <q-btn
+            flat
+            round
+
+            color="white"
+            icon="close"
+            @click="visuEditor = false"
+          ></q-btn>
+        </q-bar>
+        <CMyEditElem :myelem="selElem" :editOn="editOn" :path="rec.path">
+        </CMyEditElem>
       </q-drawer>
 
       <div class="q-ma-xs q-gutter-xs q-pa-xs">
@@ -81,7 +58,6 @@
         <div v-if="!!rec.content4" v-html="rec.content4"></div>
 
         <div v-for="(myelem, ind) in myelems" :key="ind">
-
           <CMyElem
             v-if="myelem.active || editOn"
             :myelem="myelem"
@@ -120,9 +96,6 @@
           <CImgTitle v-if="img" :src="img" :title="title"> </CImgTitle>
         </div>
         <slot></slot>
-        <div v-if="!nofooter">
-          <LandingFooter></LandingFooter>
-        </div>
       </div>
     </div>
   </div>