@docsector/docsector-reader 2.0.4 → 2.0.6

package/bin/docsector.js

@@ -23,7 +23,7 @@ const packageRoot = resolve(__dirname, '..')
 const args = process.argv.slice(2)
 const command = args[0]
 
-const VERSION = '2.0.4'
+const VERSION = '2.0.6'
 
 const HELP = `
   Docsector Reader v${VERSION}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@docsector/docsector-reader",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "A documentation rendering engine built with Vue 3, Quasar v2 and Vite. Transform Markdown into beautiful, navigable documentation sites.",
   "productName": "Docsector Reader",
   "author": "Rodrigo de Araujo Vieira",

package/src/components/DPage.vue

@@ -343,6 +343,10 @@ watch(() => route.fullPath, () => {
 
   .d-submenu__toggle
     flex: 0 0 auto
+    align-self: stretch
+    min-height: inherit
+    border-radius: 0
+    margin-right: 0
 
   .on-left
     margin-right: 5px
@@ -373,7 +377,18 @@ watch(() => route.fullPath, () => {
   box-shadow: 0 -1px 2px rgba(0,0,0,0.12), 0 -2px 6px rgba(0,0,0,0.08)
 
   .d-submenu__content
-    align-items: flex-end
+    width: 100%
+    max-width: none
+    margin: 0
+    align-items: stretch
+
+  .toolbar-container
+    display: flex
+    align-items: center
+
+  .d-submenu__toggle
+    margin-right: 0
+    padding-right: 12px
 
 #submenu a,
 #submenu button

package/src/layouts/DefaultLayout.vue

@@ -18,6 +18,8 @@
       <q-btn class="filled" square icon="settings" aria-label="Configuration" @click="openSettingsDialog" />
     </q-toolbar>
 
+    <q-separator v-if="sortedBooks.length > 0" class="d-book-tabs-separator" dark />
+
     <q-tabs
       v-if="sortedBooks.length > 0"
       :model-value="activeBookTab"
@@ -328,6 +330,8 @@ store.commit('page/resetAnchors')
       padding: 0
   .q-tabs
     margin-top: 2px
+  .d-book-tabs-separator
+    opacity: 0.25
   .d-book-tabs
     .q-tab__indicator
       background-color: currentColor