From 2cde0a6320e85a3d381c7b6854157b6ca4bf7641 Mon Sep 17 00:00:00 2001
From: Gregor Kleen <kleen@cip.ifi.lmu.de>
Date: Thu, 17 Oct 2019 15:39:03 +0200
Subject: [PATCH] style(favourites): always show favourite-kind-labels

---
 frontend/src/utils/asidenav/asidenav.scss  | 26 +++++++++++++++++++---
 templates/default-layout.lucius            |  2 +-
 templates/widgets/asidenav/asidenav.hamlet |  5 ++++-
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/frontend/src/utils/asidenav/asidenav.scss b/frontend/src/utils/asidenav/asidenav.scss
index 8ef003c21..a334ed962 100644
--- a/frontend/src/utils/asidenav/asidenav.scss
+++ b/frontend/src/utils/asidenav/asidenav.scss
@@ -50,6 +50,10 @@
 
     &.main__aside--expanded {
       transform: translateX(0%);
+
+      .asidenav__box-subtitle {
+        display: inherit;
+      }
     }
 
     .asidenav__box-title {
@@ -97,6 +101,13 @@
   padding: 10px 13px;
   margin: 0;
   border-bottom: 1px solid var(--color-grey);
+
+  .asidenav-term-identifier--long {
+    display: inherit;
+  }
+  .asidenav-term-identifier--short {
+    display: none;
+  }
 }
 
 .asidenav__box-subtitle {
@@ -217,8 +228,9 @@
   &:hover {
 
     .asidenav__link-shorthand {
-      transform: scale(1.05, 1.0);
-      transform-origin: right;
+      /* transform: scale(1.05, 1.0);
+       * transform-origin: right;
+       */
       text-shadow: none;
     }
 
@@ -332,10 +344,18 @@
       &::before {
         display: none;
       }
+
+      .asidenav-term-identifier--long {
+        display: none;
+      }
+      .asidenav-term-identifier--short {
+        display: inherit;
+      }
     }
 
     .asidenav__box-subtitle {
-      display: none;
+      padding: 0 3px;
+      font-size: 0.85rem;
     }
 
     .asidenav__link-shorthand {
diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 8558dfbd9..b6fc07906 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -28,7 +28,7 @@
 
   --asidenav-width-xl: 250px;
   --asidenav-width-lg: 20%;
-  --asidenav-width-md: 50px;
+  --asidenav-width-md: 60px;
 }
 
 * {
diff --git a/templates/widgets/asidenav/asidenav.hamlet b/templates/widgets/asidenav/asidenav.hamlet
index 24fc7b291..a5cea81db 100644
--- a/templates/widgets/asidenav/asidenav.hamlet
+++ b/templates/widgets/asidenav/asidenav.hamlet
@@ -11,7 +11,10 @@ $newline never
     $forall tid <- favouriteTerms
       <div .asidenav__box>
         <h3 .asidenav__box-title uw-show-hide data-show-hide-id="#{termToText tid}" data-show-hide-align=right>
-          _{ShortTermIdentifier tid}
+          <div .asidenav-term-identifier--long>
+            _{ShortTermIdentifier tid}
+          <div .asidenav-term-identifier--short>
+            #{toPathPiece tid}
         $forall favReason <- sortOn Down universeF
           $if not (null $ favouriteTermReason tid favReason)
             <h3 .asidenav__box-subtitle>