Added: Render hidden name of panels in nav bar (mbnuqw#218)

ekmixon · Jun 4, 2020 · 956c7fa · 956c7fa
1 parent d53c67a
commit 956c7fa
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 0 deletions.
diff --git a/src/sidebar/components/hidden-panels-bar.vue b/src/sidebar/components/hidden-panels-bar.vue
@@ -16,6 +16,7 @@
     @mouseup.right="onNavRightMouseup($event, panel.index)")
     img(v-if="!!panel.customIcon" :src="panel.customIcon")
     svg(v-else): use(:xlink:href="'#' + panel.icon")
+    .name {{panel.name}}
 </template>
 
 <script>

diff --git a/src/sidebar/components/nav-bar.vue b/src/sidebar/components/nav-bar.vue
@@ -27,6 +27,7 @@
         svg: use(xlink:href="#icon_ok")
       .err-badge
         svg: use(xlink:href="#icon_err")
+      .name(v-if="!btn.internal") {{btn.name}}
       .progress-spinner
       .len(v-if="$store.state.navBtnCount && btn.len") {{btn.len}}
 
@@ -52,6 +53,7 @@ const HIDDEN_PANEL_BTN = {
   icon: 'icon_expand',
   hidden: false,
   tooltip: translate('nav.show_hidden_tooltip'),
+  internal: true,
 }
 
 const ADD_PANEL_BTN = {
@@ -61,6 +63,7 @@ const ADD_PANEL_BTN = {
   icon: 'icon_plus_v2',
   hidden: false,
   tooltip: translate('nav.add_panel_tooltip'),
+  internal: true,
 }
 
 export default {

diff --git a/src/styles/themes/default/navigation-bar.styl b/src/styles/themes/default/navigation-bar.styl
@@ -134,6 +134,9 @@
     #000000
   )
 
+.Sidebar .panel-btn .name
+  display: none
+
 // ---
 // -- Progress spinner
 // -

diff --git a/src/styles/themes/default/sidebar.styl b/src/styles/themes/default/sidebar.styl
@@ -277,6 +277,8 @@ for i in 1..12
     pos(calc(50% - 8px), same)
     size(16px, same)
     fill: var(--container-fg)
+  > .name
+    display: none
   &:hover
     background-color: #00000032
   &:active

diff --git a/src/styles/themes/tactile/navigation-bar.styl b/src/styles/themes/tactile/navigation-bar.styl
@@ -145,6 +145,9 @@
     #000000
   )
 
+.Sidebar .panel-btn .name
+  display: none
+
 // ---
 // -- Progress spinner
 // -

diff --git a/src/styles/themes/tactile/sidebar.styl b/src/styles/themes/tactile/sidebar.styl
@@ -277,6 +277,8 @@ for i in 1..12
     pos(calc(50% - 8px), same)
     size(16px, same)
     fill: var(--container-fg)
+  > .name
+    display: none
   &:hover
     background-color: #00000032
   &:active
-Original file line number
+Diff line change
@@ Expand Up / @@ -134,6 +134,9 @@ @@
         #000000
       )
+    .Sidebar .panel-btn .name
+      display: none
     // ---
     // -- Progress spinner
     // -
@@ Expand Down @@