Merge pull request #1853 from weseek/support/adjust-hover-effect

Support/adjust hover effect

src/client/styles/scss/_button.scss

@@ -1,41 +0,0 @@
-// fill button style
-.btn-fill {
-  position: relative;
-  overflow: hidden;
-  color: white;
-  text-align: center;
-  cursor: pointer;
-  background-color: rgba(lighten(black, 20%), 0.4);
-  border: none;
-
-  .btn-label {
-    position: relative;
-    z-index: 1;
-    color: white;
-    text-decoration: none;
-  }
-
-  .btn-label-text {
-    position: relative;
-    z-index: 1;
-    color: white;
-    text-decoration: none;
-  }
-
-  // effect
-  .eff {
-    position: absolute;
-    top: -50px;
-    left: 0px;
-    z-index: 0;
-    width: 100%;
-    height: 100%;
-    transition: all 0.5s ease;
-  }
-
-  &:hover {
-    .eff {
-      top: 0;
-    }
-  }
-}

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

@@ -41,10 +41,6 @@
 .btn-copy,
 .btn-edit {
   opacity: 0.3;
-
-  &:hover {
-    background-color: $light;
-  }
 }
 
 .btn-edit-tags {
@@ -54,3 +50,45 @@
     opacity: 0.7;
   }
 }
+
+// fill button style
+.btn-fill {
+  position: relative;
+  overflow: hidden;
+  color: white;
+  text-align: center;
+  cursor: pointer;
+  background-color: rgba(lighten(black, 20%), 0.4);
+  border: none;
+
+  .btn-label {
+    position: relative;
+    z-index: 1;
+    color: white;
+    text-decoration: none;
+  }
+
+  .btn-label-text {
+    position: relative;
+    z-index: 1;
+    color: white;
+    text-decoration: none;
+  }
+
+  // effect
+  .eff {
+    position: absolute;
+    top: -50px;
+    left: 0px;
+    z-index: 0;
+    width: 100%;
+    height: 100%;
+    transition: all 0.5s ease;
+  }
+
+  &:hover {
+    .eff {
+      top: 0;
+    }
+  }
+}

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

@@ -23,7 +23,6 @@
 // crowi component
 @import 'admin';
 @import 'attachments';
-@import 'button';
 @import 'comment';
 @import 'comment_crowi';
 @import 'comment_growi';