Docs styles minor tweaks

Magnifying glass showing twice. Sidebar scrolling with the content. Header not being hidden correctly for small devices. close #160
boostorg · Oct 11, 2023 · ab2d6cd · ab2d6cd
1 parent 63ce40e
commit ab2d6cd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/doc/doxygen-awesome-sidebar-only.css b/doc/doxygen-awesome-sidebar-only.css
@@ -40,6 +40,8 @@ html {
 
 #page-wrapper {
     height: calc(100vh - 100px);
+    display: flex;
+    flex-direction: column;
 }
 
 #content-wrapper {
@@ -100,6 +102,7 @@ html {
     #MSearchSelect {
         padding-left: 0.75em;
         left: auto;
+        background-repeat: no-repeat;
     }
 
     #MSearchField {
@@ -121,7 +124,6 @@ html {
         display: block;
         border-bottom: none;
         max-width: var(--side-nav-fixed-width);
-        overflow: hidden;
         background: var(--side-nav-background);
     }
 

diff --git a/doc/header.html b/doc/header.html
@@ -19,8 +19,8 @@
 </head>
 <body>
 <div id="page-wrapper">
-<div id="content-wrapper" style="display: flex; flex-direction: row">
-    <div id="sidebar-wrapper" style="display: flex; flex-direction: column">
+<div id="content-wrapper">
+    <div id="sidebar-wrapper">
         <div id="top"><!-- do not remove this div, it is closed by doxygen! -->
 
 <!--BEGIN TITLEAREA-->