changeset 7084:8ba69bf9236e

style: fix changeset tag container - fix vertical alignment of right aligned tags Tags and comment count were not aligned with the line text at all, and a solid background were hiding the separator lines and made it look even more messy. extra-container and comments-container are now simplified with top right positioning and less margin tweaking. Minimal changes to the tags - just touching some external sizing so it fits in the container: line-height and margin.
author Mads Kiilerich <mads@kiilerich.com>
date Wed, 03 Jan 2018 03:45:35 +0100
parents 61c99cdbbfff
children 1c2ba42412e9
files kallithea/public/less/kallithea-tags.less kallithea/public/less/style.less
diffstat 2 files changed, 2 insertions(+), 14 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/kallithea-tags.less	Fri Oct 27 20:13:39 2017 +0200
+++ b/kallithea/public/less/kallithea-tags.less	Wed Jan 03 03:45:35 2018 +0100
@@ -109,7 +109,6 @@
   white-space: nowrap;
   border-radius: 4px;
   border: 1px solid #d9e8f8;
-  line-height: 1.5em;
 }
 table#changesets .phasetag,
 table#changesets .bumpedtag,
@@ -119,7 +118,6 @@
 table#changesets .branchtag,
 table#changesets .tagtag,
 table#changesets .booktag {
-  margin: 1.1em 0;
   margin-right: 0.5em;
 }
 .phasetag,
--- a/kallithea/public/less/style.less	Fri Oct 27 20:13:39 2017 +0200
+++ b/kallithea/public/less/style.less	Wed Jan 03 03:45:35 2018 +0100
@@ -423,16 +423,10 @@
 table#changesets tr .extra-container {
   display: block;
   position: absolute;
-  top: -15px;
+  top: 0;
   right: 0;
-  padding-left: 5px;
-  background: #FFFFFF;
-  height: 41px;
 }
-#pull_request_overview .comments-container,
-#changeset_compare_view_content .comments-container,
-table#changesets .comments-container,
-#shortlog_data .comments-container,
+.comments-container,
 table#changesets .logtags {
   display: block;
   float: left;
@@ -441,10 +435,6 @@
   margin: 0;
   white-space: nowrap;
 }
-table#changesets .comments-container {
-  margin: 0.8em 0;
-  margin-right: 0.5em;
-}
 table#changesets .tagcontainer {
   width: 80px;
   position: relative;