Consolidated Sidebar and Navigator Panel Styles

Signed-off-by: CodingwithKetan <ghoriketan33@gmail.com>
Change-Id: I4fef639bc88c5a74fbbc9ddaa19954ae96b069b9

Author: CodingwithKetan

browser/css/cool.css

@@ -351,7 +351,7 @@ body {
 	}
 }
 
-#sidebar-panel, #navigator-panel {
+.sidebar-panel{
 	padding: 0px;
 	margin: 0px;
 	position: relative;
@@ -360,11 +360,11 @@ body {
 	z-index: 1200;
 }
 
-#sidebar-panel::-webkit-scrollbar, #navigator-panel::-webkit-scrollbar {
+.sidebar-panel::-webkit-scrollbar {
 	width: 8px;
 }
 
-#sidebar-panel::-webkit-scrollbar-thumb, #navigator-panel::-webkit-scrollbar-thumb {
+.sidebar-panel::-webkit-scrollbar-thumb {
 	background-color: var(--color-border);
 }
 

browser/html/cool.html.m4

@@ -162,15 +162,15 @@ m4_ifelse(MOBILEAPP,[true],
           <div id="presentation-toolbar"></div>
         </div>
         <div id="navigator-dock-wrapper">
-          <div id="navigator-panel"></div>
+          <div id="navigator-panel" class="sidebar-panel"></div>
         </div>
       </div>
       <div id="navigator-floating-icon"></div>
       <div id="document-container" class="readonly" dir="ltr">
         <div id="map"></div>
       </div>
       <div id="sidebar-dock-wrapper">
-        <div id="sidebar-panel"></div>
+        <div id="sidebar-panel" class="sidebar-panel"></div>
       </div>
     </div>