style(favourites): always show favourite-kind-labels

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: scale(1.05, 1.0);
-      transform-origin: right;
+       * 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 {

templates/default-layout.lucius

@@ -28,7 +28,7 @@
 
   --asidenav-width-xl: 250px;
   --asidenav-width-lg: 20%;
-  --asidenav-width-md: 50px;
+  --asidenav-width-md: 60px;
 }
 
 * {

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>