refactor: resolve sass nested rules warning (#2579)

jdf2e · Sep 10, 2024 · cec2549 · cec2549
1 parent e3dc367
commit cec2549
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 17 deletions.
diff --git a/src/packages/elevator/elevator.scss b/src/packages/elevator/elevator.scss
@@ -99,13 +99,12 @@
       &-item {
         display: block;
         padding: $elevator-bars-inner-item-padding;
+        cursor: pointer;
 
         &-active {
           font-weight: $font-weight-bold;
           color: $elevator-bars-active-color;
         }
-
-        cursor: pointer;
       }
     }
   }

diff --git a/src/packages/popover/popover.scss b/src/packages/popover/popover.scss
@@ -163,11 +163,11 @@
     }
 
     &-top-end {
+      right: 0;
       .nut-popover-arrow-top-end {
         right: 16px;
         transform: translateX(0%);
       }
-      right: 0;
     }
 
     &-top-start {
@@ -187,12 +187,12 @@
     }
 
     &-bottom-end {
+      right: 0;
+
       .nut-popover-arrow-bottom-end {
         right: 16px;
         transform: translateX(0%);
       }
-
-      right: 0;
     }
 
     &-bottom-start {

diff --git a/src/packages/tabs/tabs.scss b/src/packages/tabs/tabs.scss
@@ -424,10 +424,10 @@
 }
 
 .nut-tabs-content {
+  display: flex;
+  box-sizing: border-box;
+
   &-wrap {
     overflow: hidden;
   }
-
-  display: flex;
-  box-sizing: border-box;
 }
diff --git a/src/packages/uploader/uploader.scss b/src/packages/uploader/uploader.scss
@@ -196,6 +196,7 @@
           width: 90%;
           font-size: 12px;
           color: $color-text;
+          @include moreline-ellipsis();
 
           &.error {
             color: red !important;
@@ -208,8 +209,6 @@
           .nut-icon-Link {
             flex-shrink: 0;
           }
-
-          @include moreline-ellipsis();
         }
       }
     }

diff --git a/src/sites/doc/components/nav/nav.scss b/src/sites/doc/components/nav/nav.scss
@@ -67,6 +67,8 @@
           }
 
           a {
+            height: 100%;
+
             &.router-link-active,
             &.active {
               color: $doc-default-color !important;
@@ -85,8 +87,6 @@
               }
             }
 
-            height: 100%;
-
             b {
               font-weight: normal;
               font-size: 12px;

diff --git a/src/sites/mobile/App.scss b/src/sites/mobile/App.scss
@@ -64,17 +64,16 @@ body {
 
   .demo {
     min-height: 100vh;
-
-    &.no-overflow {
-      overflow: unset;
-    }
-
     height: 100%;
     background: #f7f8fa;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 57px 17px 0 17px;
 
+    &.no-overflow {
+      overflow: unset;
+    }
+
     &.full {
       padding: 57px 0 0 0;