# HG changeset patch
# User domruf <dominikruf@gmail.com>
# Date 2017-10-26 23:26:25
# Node ID 7c1112c0b2de75e727bf1728f70a234759fd733e
# Parent  00703cdbd343cd39f93e51497a14b2155d45f388

less: simplify permalink style

- 'position: absolute' and 'margin: 3px 4px;' make it actually look worse
- 'text-decoration: none' is already set on all <a>
- we only use it in one place so the selector can be simplified

Also add comment.

diff --git a/kallithea/public/css/style.css b/kallithea/public/css/style.css
--- a/kallithea/public/css/style.css
+++ b/kallithea/public/css/style.css
@@ -65,22 +65,11 @@ div.formatted-fixed {
 .truncate.autoexpand:hover {
   overflow: visible;
 }
+/* show comment anchors when hovering over panel-heading */
 a.permalink {
   visibility: hidden;
-  position: absolute;
-  margin: 3px 4px;
-}
-a.permalink:hover {
-  text-decoration: none;
-}
-h1:hover > a.permalink,
-h2:hover > a.permalink,
-h3:hover > a.permalink,
-h4:hover > a.permalink,
-h5:hover > a.permalink,
-h6:hover > a.permalink,
-div:hover > a.permalink,
-div:hover > span > a.permalink {
+}
+.panel-heading:hover .permalink {
   visibility: visible;
 }
 .radio-inline,
diff --git a/kallithea/public/less/style.less b/kallithea/public/less/style.less
--- a/kallithea/public/less/style.less
+++ b/kallithea/public/less/style.less
@@ -67,24 +67,15 @@ div.formatted-fixed {
 .truncate.autoexpand:hover {
   overflow: visible;
 }
+
+/* show comment anchors when hovering over panel-heading */
 a.permalink {
   visibility: hidden;
-  position: absolute;
-  margin: 3px 4px;
 }
-a.permalink:hover {
-  text-decoration: none;
-}
-h1:hover > a.permalink,
-h2:hover > a.permalink,
-h3:hover > a.permalink,
-h4:hover > a.permalink,
-h5:hover > a.permalink,
-h6:hover > a.permalink,
-div:hover > a.permalink,
-div:hover > span > a.permalink {
+.panel-heading:hover .permalink {
   visibility: visible;
 }
+
 .radio-inline,
 .checkbox-inline {
   vertical-align: inherit;