Mercurial > kallithea

changeset 5055:539f3da5d965 stable

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css: make 'add comment' button look more like a button (issue #77)
author Andrew Shadura <andrew@shadura.me>
date Wed, 22 Apr 2015 13:59:47 +0200
parents 74b5e0318d4e
children a06804c28d74
files kallithea/public/css/style.css
diffstat 1 files changed, 23 insertions(+), 13 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/css/style.css	Tue Apr 21 19:04:12 2015 +0200
+++ b/kallithea/public/css/style.css	Wed Apr 22 13:59:47 2015 +0200
@@ -4931,7 +4931,7 @@
     font: 11px Consolas, Monaco, Inconsolata, Liberation Mono, monospace !important;
     letter-spacing: -1px;
     text-align: right;
-    padding-right: 2px;
+    padding-right: 8px;
     cursor: pointer;
     display: block;
     width: 30px;
@@ -4957,7 +4957,7 @@
     padding: 0;
 }
 table.code-difftable .code pre {
-    margin: 0;
+    margin: 0 0 0 12px;
     padding: 0;
     min-height: 17px;
     line-height: 17px;
@@ -4965,33 +4965,43 @@
 }
 
 .add-bubble {
+    position: relative;
     display: none;
     float: left;
     width: 0px;
     height: 0px;
-}
-
-tr.line.add td.code:hover .add-bubble,
-tr.line.del td.code:hover .add-bubble,
-tr.line.unmod td.code:hover .add-bubble {
-    display: inherit;
+    left: -8px;
+    box-sizing: border-box;
+}
+
+tr.line.add:hover td .add-bubble,
+tr.line.del:hover td .add-bubble,
+tr.line.unmod:hover td .add-bubble {
+    display: block;
 }
 
 .add-bubble div {
-    position: relative;
-    left: -32px;
-    width: 32px;
-    height: 32px;
+    background: #577632;
+    width: 16px;
+    height: 16px;
     cursor: pointer;
+    padding: 0 2px 2px 0.5px;
+    border: 1px solid #577632;
+    border-radius: 3px;
+    box-sizing: border-box;
 }
 
 .add-bubble div:before {
     font-size: 14px;
-    color: #577632;
+    color: #ffffff;
     font-family: "kallithea";
     content: '\e80c';
 }
 
+.add-bubble div:hover {
+    transform: scale(1.2, 1.2);
+}
+
 div.comment:target>.comment-wrapp {
     border: solid 2px #ee0 !important;
 }