FB

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

@@ -159,7 +159,7 @@ class RevisionPath extends React.Component {
 
         <CopyDropdown t={this.props.t} pagePath={this.props.pagePath} pageId={this.props.pageId} buttonStyle={buttonStyle}></CopyDropdown>
 
-        <a href="#edit" className="d-block btn btn-default btn-edit" style={buttonStyle}>
+        <a href="#edit" className="d-block btn btn-default btn-edit text-muted" style={buttonStyle}>
           <i className="icon-note" />
         </a>
       </span>

src/client/styles/scss/_page_header.scss

@@ -0,0 +1,10 @@
+#page-header {
+  &:hover {
+    .btn-copy,
+    .btn-edit,
+    .btn-edit-tags {
+      // change button opacity
+      opacity: unset;
+    }
+  }
+}

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

@@ -41,11 +41,6 @@
 .btn-copy,
 .btn-edit {
   opacity: 0.3;
-
-  // change button opacity
-  &:hover {
-    opacity: unset;
-  }
 }
 
 .btn-edit-tags {
@@ -54,8 +49,4 @@
   &.no-tags {
     opacity: 0.7;
   }
-  // change button opacity
-  &:hover {
-    opacity: unset;
-  }
 }

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

@@ -47,6 +47,7 @@
 @import 'on-edit';
 @import 'page_list';
 @import 'page';
+@import 'page_header';
 @import 'page_growi';
 @import 'search';
 @import 'shortcuts';