fix: header nav right to avoid inherit ul styles

FromDoppler · Mar 6, 2019 · a7d573b · a7d573b
1 parent dbd3c2b
commit a7d573b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/assets/scss/templates/_header.scss b/assets/scss/templates/_header.scss
@@ -121,14 +121,11 @@
   display: flex;
 }
 
-.nav-right-main > ul {
+.nav-right-main--list {
   list-style: none;
-  margin-top: 0;
-  margin-bottom: 0;
-  padding-left: 0;
-  margin-left: 0;
+  margin: 0;
 
-  li {
+  & > li {
     display: inline-block;
     margin: 0 10px;
     position: relative;

diff --git a/assets/templates/header.html b/assets/templates/header.html
@@ -71,7 +71,7 @@
           </div><!-- menu-main--container only-mobile -->
         </nav><!-- nav-left-main -->
         <nav class="nav-right-main">
-          <ul>
+          <ul class="nav-right-main--list">
             <li><a href="#" class="active" data-count="1"><span class="ms-icon icon-notification"></span></a></li>
             <li><a href="#"><span class="ms-icon icon-header-help"></span></a></li>
             <li><a id="user-menu--open" href="#"><span class="user-avatar">GB</span></a>