Mercurial > kallithea

changeset 6985:7c1112c0b2de

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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.
author domruf <dominikruf@gmail.com>
date Thu, 26 Oct 2017 23:26:25 +0200
parents 00703cdbd343
children 7c0f072dfc1e
files kallithea/public/css/style.css kallithea/public/less/style.less
diffstat 2 files changed, 7 insertions(+), 27 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/css/style.css	Thu Oct 26 22:08:11 2017 +0200
+++ b/kallithea/public/css/style.css	Thu Oct 26 23:26:25 2017 +0200
@@ -65,22 +65,11 @@
 .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,
--- a/kallithea/public/less/style.less	Thu Oct 26 22:08:11 2017 +0200
+++ b/kallithea/public/less/style.less	Thu Oct 26 23:26:25 2017 +0200
@@ -67,24 +67,15 @@
 .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;