kallithea Changeset - 618f2158562e

Changeset - 618f2158562e

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

Thomas De Schampheleire - 7 years ago 2018-09-16 21:05:06
thomas.de_schampheleire@nokia.com

style: vertically align comment bubble icon

The icon of the comment bubble is slightly off-center vertically (too low).
This problem can be solved by reducing the line height instead of using the
default of 20px.

1 file changed with 1 insertions and 0 deletions:

kallithea/public/less/kallithea-diff.less

0 comments (0 inline, 0 general)

kallithea/public/less/kallithea-diff.less

➞

Show inline comments

@@ @@ -174,24 +174,25 @@ BIN_FILENODE = 6 @@
+}
 /* comment bubble, only visible when in a commentable diff */
 .commentable-diff tr.line.add:hover td .add-bubble,
 .commentable-diff tr.line.del:hover td .add-bubble,
 .commentable-diff tr.line.unmod:hover td .add-bubble {
   display: block;
   z-index: 1;
+}
 .add-bubble div {
   background: @kallithea-theme-main-color;
   width: 16px;
   height: 16px;
   line-height: 14px;
   cursor: pointer;
   padding: 0 2px 2px 0.5px;
   border: 1px solid @kallithea-theme-main-color;
   border-radius: 3px;
   box-sizing: border-box;
   overflow: hidden;
+}
 .add-bubble div:before {
   font-size: 14px;
   color: #ffffff;
   font-family: "kallithea";
   content: '\1f5ea';

0 comments (0 inline, 0 general)