wip

evandor · Feb 14, 2024 · bed212a · bed212a
1 parent 4993ad0
commit bed212a
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 16 deletions.
diff --git a/releases/imgs/teaser-1280x800.png b/releases/imgs/teaser-1280x800.png
diff --git a/src/css/app.scss b/src/css/app.scss
@@ -9,11 +9,20 @@
   color: black;
 }
 
+.body--light .greyBorderBottom {
+  border-bottom: 1px solid $bordergrey;
+}
+
+
 .body--dark .darkInDarkMode {
   background-color: black;
   color: white;
 }
 
+.body--dark .greyBorderBottom {
+  border-bottom: 1px solid #121212;
+}
+
 .body--dark::-webkit-scrollbar {
   height: 12px;
   width: 14px;
@@ -50,10 +59,6 @@
   border-top: 1px solid $bordergrey;
 }
 
-.greyBorderBottom {
-  border-bottom: 1px solid $bordergrey;
-}
-
 .tooltip {
   background-color: white;
   color: black;

diff --git a/src/pages/SidePanelPage.vue b/src/pages/SidePanelPage.vue
@@ -204,14 +204,14 @@
 
           <div class="q-ma-none q-pa-none">
 
-            <template v-if="tabset.page && typeof tabset.page === 'object'">
-              <SidePanelTabsetDescriptionPage
-                :tabsetId="tabset.id"
-                :tabsetDesc="tabset.page as Object"/>
-            </template>
-            <template v-if="tabset.page && typeof tabset.page === 'string'">
-              {{ tabset.page }}
-            </template>
+<!--            <template v-if="tabset.page && typeof tabset.page === 'object'">-->
+<!--              <SidePanelTabsetDescriptionPage-->
+<!--                :tabsetId="tabset.id"-->
+<!--                :tabsetDesc="tabset.page as Object"/>-->
+<!--            </template>-->
+<!--            <template v-if="tabset.page && typeof tabset.page === 'string'">-->
+<!--              {{ tabset.page }}-->
+<!--            </template>-->
 
             <template v-if="editHeaderDescription">
               <div class="row q-ma-none q-pa-md">
@@ -234,7 +234,7 @@
                           }"
                           :toolbar="[
                             ['bold', 'italic', 'strike', 'underline'],
-                            ['upload', 'save']
+                            ['save','pageNote']
                           ]"
                           placeholder="Create a header description for your current tabset"/>
               </div>
@@ -247,8 +247,7 @@
               <q-item v-for="folder in calcFolders(tabset as Tabset)"
                       clickable
                       v-ripple
-                      class="q-ma-none q-pa-sm"
-                      style="border-bottom: 2px solid #fafafa;"
+                      class="q-ma-none q-pa-sm greyBorderBottom"
                       @dragstart="startDrag($event, folder)"
                       @dragenter="enterDrag($event, folder)"
                       @dragover="overDrag($event, folder)"
@@ -258,7 +257,7 @@
                       :key="'panelfolderlist_' + folder.id">
 
                 <q-item-section class="q-mr-sm text-right" style="justify-content:start;width:30px;max-width:30px">
-                  <div class="bg-white q-pa-none">
+                  <div class="q-pa-none">
                     <q-icon name="o_folder" color="warning" size="sm"/>
                   </div>
                 </q-item-section>
@@ -960,6 +959,7 @@ const selectFolder = (tabset: Tabset, folder: Tabset) => {
 
 
 const calcFolders = (tabset: Tabset): Tabset[] => {
+  console.log("calcFolders", tabset)
   if (tabset.folderActive) {
     const af = useTabsetService().findFolder(tabset.folders, tabset.folderActive)
     if (af && af.folderParent) {