add edition page label to bottom nav

kingsdigitallab · May 17, 2024 · 29cbe22 · 29cbe22
1 parent 9b70c8e
commit 29cbe22
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/frontend/assets/css/text-viewer2.scss b/frontend/assets/css/text-viewer2.scss
@@ -91,11 +91,32 @@ section {
             .pagination {
               display: inline;
             }
+            label{
+              position: absolute;
+              top: 0px;
+              z-index: 9;
+              font-size: 10px;
+              padding-left: 18px;
+              text-transform: uppercase;
+              color: gray;
+            }
+            .select-dropdown{
+              padding: 7px 8px 5px 8px;
+              i{
+                top: 24px;
+              }
+              &:hover{
+                i{
+                  top: 31px;
+                }
+              }
+            }
           } //.bottom
           div {
             text-align: center;
             margin: 0;
             cursor: pointer;
+
             &.icons {
               display: flex;
               margin-left: auto;

diff --git a/frontend/edition/index.md b/frontend/edition/index.md
@@ -369,7 +369,7 @@ eleventyNavigation:
       </div>
       <nav class="panel-nav bottom">
         <div>
-          <panel-control :panel-idx="panelIdx" control-key="locus"></panel-control>
+          <label>Edition page:</label><panel-control :panel-idx="panelIdx" control-key="locus"></panel-control>
         </div>
         <div>
           <button class="pagination" href="#" @click.stop.prevent="incrementLocus(panel, -1)"