UPDATE sidebar position

creative-connections · Feb 1, 2021 · cb2df51 · cb2df51
1 parent 77283ec
commit cb2df51
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/src/elements/markdown-book2.html b/src/elements/markdown-book2.html
@@ -14,7 +14,7 @@
                 <markdown-nav2 navstyle="vertical" base="${base}" src="${summary}"></markdown-nav2>
             &nbsp;
         </div>
-        <div class="w3-col s12 m8 l8 w3-palatino">
+        <div class="w3-col s12 m8 l8 w3-palatino" style="margin-left:12px">
                 <markdown-top-nav base="${base}" src="${summary}" index="${index}" nav.two-way="shownav"></markdown-top-nav>
                 <markdown class="w3-padding" base="${base}" src="${index}" watchhash="index,0;base,3" toc.two-way="toc"></markdown>
                 <markdown-bottom-nav class="w3-padding" base="${base}" index="${index}" src="${summary}"></markdown-bottom-nav>

diff --git a/src/elements/markdown-nav2.css b/src/elements/markdown-nav2.css
@@ -122,4 +122,8 @@ nav.vertical li li > a:after { content: '' }
 
 /*this adds spaces and inverse square to every link*/
 nav.vertical li li li > a:before { content: '\00a0\00a0\00a0\00a0\00a0\00a0\25a1\00a0' }
-nav.vertical li li li > a:after { content: '' }
+nav.vertical li li li > a:after { content: '' }
+
+.bdl-sidebar {
+height:100%;position:fixed!important;z-index:1;overflow:auto
+}
diff --git a/src/elements/markdown-nav2.html b/src/elements/markdown-nav2.html
@@ -1,6 +1,6 @@
 <template>
     <require from="./markdown-nav2.css"></require>
-    <div class="w3-sidebar">
+    <div class="bdl-sidebar">
         <nav class="${navclass}" ref="mynav"></nav>
     </div>
 </template>
diff --git a/src/elements/w3.css b/src/elements/w3.css
@@ -55,7 +55,7 @@ hr{border:0;border-top:1px solid #eee;margin:20px 0}
 .w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
 .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
 .w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
-.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
+.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.wf3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
 .w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
 .w3-main,#main{transition:margin-left .4s}
 .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}