sidebar-list class should be hs-sidebar-list

refs #445
hslayers · Jan 8, 2020 · 2b7a058 · 2b7a058
1 parent 09e3461
commit 2b7a058
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 13 deletions.
diff --git a/components/layout/layout.service.js b/components/layout/layout.service.js
@@ -387,6 +387,13 @@ export default ['config', '$rootScope',
             }
         })
 
+        Object.defineProperty(me, 'sidebarListElement', {
+            get: function() {
+                return me.contentWrapper.querySelector('.hs-sidebar-list');
+            }
+        })
+
+
         let panelsEnabledDefaults = {
             legend: true,
             info: true,

diff --git a/components/sidebar/partials/sidebar.html b/components/sidebar/partials/sidebar.html
@@ -1,4 +1,4 @@
-<div class="sidebar-list list-group">    
+<div class="hs-sidebar-list list-group">    
     <a href="#" class="sidebar-item list-group-item" ng-if="layoutService.sidebarToggleable">
         <i class="menu-icon" ng-class="layoutService.sidebarExpanded ? (!layoutService.sidebarRight ? 'icon-chevron-left' : 'icon-chevron-right') : 'icon-slidersoff'"  ng-click="toggleSidebar()"></i>
     </a>

diff --git a/css/app.css b/css/app.css
@@ -519,11 +519,11 @@ div.hs-sidebar {
     border-right: 1px solid #ddd;
 }
 
-.hs-content-wrapper.open .sidebar-list {
+.hs-content-wrapper.open .hs-sidebar-list {
     width: 100%;
 }
 
-.hs-content-wrapper.open div.hs-panelspace:not(.labels) .sidebar-list {
+.hs-content-wrapper.open div.hs-panelspace:not(.labels) .hs-sidebar-list {
     width: 48px;
 }
 
@@ -551,21 +551,21 @@ a.sidebar-main {
     padding: 10px 15px;
     cursor: pointer;
 }
-.sidebar-list .sidebar-main .menu-icon {
+.hs-sidebar-list .sidebar-main .menu-icon {
     font-size: 19px;
 }
 
-.sidebar-list .list-group-item {
+.hs-sidebar-list .list-group-item {
     border-left: 0px;
     border-right: 0px;
 }
 
-.sidebar-list .list-group-item:first-child {
+.hs-sidebar-list .list-group-item:first-child {
     border-top-left-radius:0;
     border-top-right-radius:0;
 }
 
-.sidebar-list .list-group-item:last-child {
+.hs-sidebar-list .list-group-item:last-child {
     border-bottom-left-radius:0;
     border-bottom-right-radius:0;
 }
@@ -574,15 +574,15 @@ a.sidebar-main {
     margin-left: 20px;
 }
 
-.hs-panelspace:not(.labels) .sidebar-list span.sidebar-item-title {
+.hs-panelspace:not(.labels) .hs-sidebar-list span.sidebar-item-title {
     display: none;
 }
 
-.hs-content-wrapper.sb-right:not(.open) .sidebar-list {
+.hs-content-wrapper.sb-right:not(.open) .hs-sidebar-list {
     right: 0;
 }
 
-.hs-content-wrapper.sb-left:not(.open) .sidebar-list {
+.hs-content-wrapper.sb-left:not(.open) .hs-sidebar-list {
     left: 0;
 }
 
@@ -920,10 +920,10 @@ div#composition-share-dialog .modal-body, div#composition-info-dialog .modal-bod
         flex-direction: row !important;
         justify-content: space-evenly;
     }
-    .hs-content-wrapper div.hs-panelspace .hs-sidebar .sidebar-list{
+    .hs-content-wrapper div.hs-panelspace .hs-sidebar .hs-sidebar-list{
         width: 100% ;
     }
-    .hs-content-wrapper div.hs-panelspace .hs-minisidebar .sidebar-list{
+    .hs-content-wrapper div.hs-panelspace .hs-minisidebar .hs-sidebar-list{
         width: 100% ;
     }
 
@@ -940,7 +940,7 @@ div#composition-share-dialog .modal-body, div#composition-info-dialog .modal-bod
     /* .sb-left.open #toolbar {
        margin-left: 310px;
     }*/
-    .hs-minisidebar .sidebar-list{
+    .hs-minisidebar .hs-sidebar-list{
         flex-direction: row !important;
         justify-content: center;
         align-items: center;