diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 0fd5e21b5da..bbefe2792b7 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -94,17 +94,30 @@ $quote-share-maxwidth: 150px;
h6 {
margin: 30px 0 10px;
line-height: $line-height-medium;
-
+ a.anchor {
+ &:before {
+ content: svg-uri(
+ ''
+ );
+ line-height: 1.4;
+ margin-left: -20px;
+ padding-right: 4px;
+ position: absolute;
+ opacity: 0;
+ transition: opacity 0.25s;
+ }
+ &:hover {
+ // show when hovering where icon should be
+ &:before {
+ opacity: 1;
+ }
+ }
+ }
&:hover {
+ // show when hovering header
a.anchor {
&:before {
- content: svg-uri(
- ''
- );
- float: left;
- margin-left: -20px;
- padding-right: 4px;
- position: absolute;
+ opacity: 1;
}
}
}