FB by Takeisan

src/client/js/components/Page/PageManagement.jsx

@@ -175,7 +175,7 @@ const PageManagement = (props) => {
       <>
         <button
           type="button"
-          className="btn-link nav-link bg-transparent dropdown-toggle dropdown-toggle-no-caret border-0 rounded grw-three-dots-btn"
+          className="btn-link nav-link bg-transparent dropdown-toggle dropdown-toggle-no-caret border-0 rounded grw-btn-page-management"
           data-toggle="dropdown"
         >
           <i className="icon-options"></i>

src/client/styles/scss/_page_management.scss

@@ -1,4 +0,0 @@
-// Dropdown icon
-.grw-three-dots-btn {
-  transition: 0.3s;
-}

src/client/styles/scss/atoms/_buttons.scss

@@ -85,3 +85,8 @@
     }
   }
 }
+
+// Page Management Dropdown icon
+.grw-btn-page-management {
+  transition: 0.3s;
+}

src/client/styles/scss/style-app.scss

@@ -45,7 +45,6 @@
 @import 'page_list';
 @import 'page-path';
 @import 'page';
-@import 'page_management';
 @import 'page-presentation';
 @import 'search';
 @import 'shortcuts';

src/client/styles/scss/theme/_apply-colors.scss

@@ -491,3 +491,10 @@ mark.rbt-highlight-text {
     fill: $gray-900;
   }
 }
+
+// Page Management Dropdown icon
+.grw-btn-page-management:hover,
+.grw-btn-page-management:focus {
+  // Wrote !important to override bg-transparent styles
+  background-color: rgba($color-link, 0.15) !important;
+}

src/client/styles/scss/theme/antarctic.scss

@@ -119,13 +119,6 @@ html[dark] {
     }
   }
 
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
-
   .table {
     background-color: $themelight;
   }

src/client/styles/scss/theme/christmas.scss

@@ -189,11 +189,4 @@ html[dark] {
       @include three-stranded-button(darken($subthemecolor, 15%), lighten($subthemecolor, 35%), lighten($subthemecolor, 45%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }

src/client/styles/scss/theme/default.scss

@@ -110,13 +110,6 @@ html[light] {
       @include three-stranded-button($primary, lighten($primary, 65%), lighten($primary, 70%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }
 
 //== Dark Mode

src/client/styles/scss/theme/future.scss

@@ -96,13 +96,6 @@ html[dark] {
     }
   }
 
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
-
   // headers
   @for $i from 1 through 6 {
     h#{$i} {

src/client/styles/scss/theme/halloween.scss

@@ -114,13 +114,6 @@ html[dark] {
     }
   }
 
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
-
   // Table
   .table {
     color: $color-global;

src/client/styles/scss/theme/island.scss

@@ -115,11 +115,4 @@ html[dark] {
       @include three-stranded-button(darken($primary, 50%), lighten($primary, 5%), darken($primary, 5%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }

src/client/styles/scss/theme/kibela.scss

@@ -108,11 +108,4 @@ html[dark] {
 
   @import 'apply-colors';
   @import 'apply-colors-light';
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }

src/client/styles/scss/theme/mono-blue.scss

@@ -94,13 +94,6 @@ html[light] {
       @include three-stranded-button($primary, lighten($primary, 65%), lighten($primary, 70%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }
 
 html[dark] {
@@ -209,11 +202,4 @@ html[dark] {
       @include three-stranded-button(lighten($primary, 30%), $primary, darken($primary, 10%), darken($primary, 20%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }

src/client/styles/scss/theme/nature.scss

@@ -117,11 +117,4 @@ html[dark] {
       @include three-stranded-button($bgcolor-navbar, lighten($bgcolor-navbar, 65%), lighten($bgcolor-navbar, 70%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }

src/client/styles/scss/theme/spring.scss

@@ -100,13 +100,6 @@ html[dark] {
     }
   }
 
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
-
   .growi:not(.login-page) {
     // add background-image
     #page-wrapper,

src/client/styles/scss/theme/wood.scss

@@ -167,11 +167,4 @@ html[dark] {
       @include three-stranded-button(darken($primary, 30%), lighten($primary, 15%), lighten($primary, 25%));
     }
   }
-
-  // Dropdown icon
-  .grw-three-dots-btn:hover,
-  .grw-three-dots-btn:focus {
-    // Wrote !important to override bg-transparent styles
-    background-color: rgba($color-link, 0.15) !important;
-  }
 }