linear-react-components-ui 1.1.18-beta.6 → 1.1.18-beta.8

package/lib/assets/styles/sidenav.scss

@@ -26,16 +26,16 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
     pointer-events: none;
   }
 
-  >.expandedmenu,
-  >.collapsedmenu {
+  > .expandedmenu,
+  > .collapsedmenu {
     height: auto;
     width: 100%;
 
-    >.help-item {
+    > .help-item {
       border-top: 1px solid #eee;
     }
 
-    >.item {
+    > .item {
       cursor: pointer;
       border-bottom: 1px solid #eee;
       width: 100%;
@@ -47,7 +47,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
         justify-content: center;
         padding-left: 0px;
 
-        >.searchmenubutton {
+        > .searchmenubutton {
           width: 100%;
           height: 100%;
           display: flex;
@@ -55,7 +55,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
           justify-content: center;
         }
 
-        >.helpmenubutton {
+        > .helpmenubutton {
           width: 100%;
           height: 100%;
           display: flex;
@@ -73,25 +73,25 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       }
     }
 
-    >.item:hover {
+    > .item:hover {
       background-color: #eee;
     }
 
-    >.item:hover>.menuicon,
-    >.item:hover .searchmenuicon,
-    >.item:hover>.menulink>.menuicon,
-    >.item:hover>.menulink .searchmenuicon {
+    > .item:hover > .menuicon,
+    > .item:hover .searchmenuicon,
+    > .item:hover > .menulink > .menuicon,
+    > .item:hover > .menulink .searchmenuicon {
       fill: rgb(114, 114, 114);
     }
 
-    >.item:hover>.title,
-    >.item:hover>.menulink>.title {
+    > .item:hover > .title,
+    > .item:hover > .menulink > .title {
       color: rgb(114, 114, 114);
     }
   }
 
-  >.expandedmenu.customscroll,
-  >.collapsedmenu.customscroll {
+  > .expandedmenu.customscroll,
+  > .collapsedmenu.customscroll {
     overflow-y: auto;
 
     &::-webkit-scrollbar {
@@ -144,7 +144,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   }
 }
 
-.sidenav-component>.expandedmenu {
+.sidenav-component > .expandedmenu {
   animation: revealelement 0.3s;
   -moz-animation: revealelement 0.3s;
   background-color: #fff;
@@ -155,7 +155,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   -ms-flex: 0 0 70px;
   flex: 0 0 70px;
 
-  >.item {
+  > .item {
     align-content: center;
     background-color: #fff;
     display: grid;
@@ -174,12 +174,12 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       text-decoration: none;
     }
 
-    >.menuicon {
+    > .menuicon {
       justify-self: center;
     }
 
-    >.title,
-    >.menulink>.title {
+    > .title,
+    > .menulink > .title {
       color: #666;
       align-self: center;
       justify-self: left;
@@ -188,12 +188,12 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   }
 }
 
-.sidenav-component>.collapsedmenu {
+.sidenav-component > .collapsedmenu {
   display: flex;
   flex-wrap: wrap;
   align-content: flex-start;
 
-  >.item {
+  > .item {
     height: 50px;
     display: grid;
     grid-template-rows: 1fr;
@@ -204,14 +204,14 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       align-items: stretch;
     }
 
-    >.menulink {
+    > .menulink {
       display: grid;
       grid-template-rows: 1fr;
       align-items: center;
     }
 
-    >.menuicon,
-    >.menulink>.menuicon {
+    > .menuicon,
+    > .menulink > .menuicon {
       justify-self: center;
     }
   }
@@ -219,7 +219,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   &.-small {
     width: 55px;
 
-    >.item {
+    > .item {
       height: 40px;
     }
 
@@ -231,7 +231,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   &.-medium {
     width: 55px;
 
-    >.item {
+    > .item {
       height: 50px;
     }
 
@@ -243,7 +243,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   &.-large {
     width: 75px;
 
-    >.item {
+    > .item {
       height: 60px;
     }
 
@@ -253,8 +253,8 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   }
 }
 
-.sidenav-component>.collapsedmenu>.item>.submenu-container,
-.sidenav-component>.expandedmenu>.item>.submenu-container {
+.sidenav-component > .collapsedmenu > .item > .submenu-container,
+.sidenav-component > .expandedmenu > .item > .submenu-container {
   animation: 0.5s ease-in 0s 1 slideLeft;
   -moz-animation: 0.5s ease-in 0s 1 slideLeft;
   background-color: #eee;
@@ -268,7 +268,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   box-shadow: 3px 1px 6px 0px rgba(50, 50, 50, 0.35);
   z-index: 9999999;
 
-  >.title {
+  > .title {
     color: #777777;
     font-size: 24px;
     font-weight: bold;
@@ -287,7 +287,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
     grid-template-columns: repeat(2, 1fr);
     align-items: flex-start;
 
-    >.item {
+    > .item {
       display: grid;
       min-height: 40px;
       align-content: center;
@@ -300,13 +300,13 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       }
     }
 
-    >.item:hover {
+    > .item:hover {
       color: #333;
     }
 
-    >.item:before {
+    > .item:before {
       position: absolute;
-      content: '';
+      content: "";
       left: -15px;
       top: 15px;
       border-top: 5px solid transparent;
@@ -314,11 +314,11 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
       border-left: 5px solid #808080;
     }
 
-    >.item:nth-child(even) {
+    > .item:nth-child(even) {
       padding-left: 5px;
     }
 
-    >.item>.menulink {
+    > .item > .menulink {
       grid-template-columns: 1fr;
       text-decoration: none;
     }
@@ -347,7 +347,7 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   position: absolute;
   padding: 20px;
 
-  >.closebutton {
+  > .closebutton {
     cursor: pointer;
     float: right;
     margin: -21px -33px 15px 0px;
@@ -356,26 +356,26 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
 
 .popup-help {
   border: 1px solid $list-container-border;
-  
-  >.list-component {
+
+  > .list-component {
     box-shadow: none;
     overflow: hidden;
     border-radius: 0px;
 
-    >.helpheader {
-      background-color: #77777736 !important;
+    > .helpheader {
+      background-color: #bdbdbda6;
 
-      >.title {
+      > .title {
         line-height: 35px;
       }
     }
 
-    >.item-container >.item >.text {
+    > .item-container > .item > .text {
       font-size: 12px;
     }
   }
 
-  .infomartion>.help-information {
+  .infomartion > .help-information {
     color: rgba(0, 0, 0, 0.54);
     font-size: 12px;
     line-height: 16px;
@@ -390,18 +390,18 @@ que utilizam. Em caso de mudança, ficar atento para os refatores.
   height: 100%;
   width: 100%;
 
-  >.text,
+  > .text,
   .subtext {
     color: #a8a8a8;
     text-align: center;
   }
 
-  >.text {
+  > .text {
     font-size: 26px;
     margin-top: 20px;
   }
 
-  >.subtext {
+  > .subtext {
     font-size: 15px;
     margin-top: 5px;
   }

package/lib/menus/sidenav/NavMenuItem.js

@@ -127,7 +127,7 @@ const NavMenuItem = props => {
       marginLeft: targetDimensions.width,
       bottom: '0',
       position: 'fixed',
-      zIndex: 99999,
+      zIndex: disableDefaultStyle ? 999999999 : undefined,
       width: '20%'
     } : {
       marginLeft: targetDimensions.width,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.18-beta.6",
+  "version": "1.1.18-beta.8",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",