Changeset - 8ba69bf9236e
[Not reviewed]
default
0 2 0
Mads Kiilerich - 8 years ago 2018-01-03 03:45:35
mads@kiilerich.com
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.
2 files changed with 2 insertions and 14 deletions:
0 comments (0 inline, 0 general)
kallithea/public/less/kallithea-tags.less
Show inline comments
 
@@ -100,35 +100,33 @@ a.metatag[data-tag="license"]:hover {
 
.unstabletag,
 
.repotag,
 
.branchtag,
 
.tagtag,
 
.booktag,
 
.spantag {
 
  padding: 1px 3px 1px 3px;
 
  font-size: 10px;
 
  color: #577632;
 
  white-space: nowrap;
 
  border-radius: 4px;
 
  border: 1px solid #d9e8f8;
 
  line-height: 1.5em;
 
}
 
table#changesets .phasetag,
 
table#changesets .bumpedtag,
 
table#changesets .divergenttag,
 
table#changesets .extincttag,
 
table#changesets .unstabletag,
 
table#changesets .branchtag,
 
table#changesets .tagtag,
 
table#changesets .booktag {
 
  margin: 1.1em 0;
 
  margin-right: 0.5em;
 
}
 
.phasetag,
 
.bumpedtag,
 
.divergenttag,
 
.extincttag,
 
.unstabletag,
 
.repotag,
 
.branchtag,
 
.tagtag,
 
.booktag {
 
  float: left;
kallithea/public/less/style.less
Show inline comments
 
@@ -414,46 +414,36 @@ table#changesets tr > td.mid .message,
 
}
 
#graph_content_pr .compare_view_commits .message {
 
  padding: 0 !important;
 
}
 
table#changesets tr > td.mid .message.expanded,
 
#graph_content_pr .compare_view_commits .message.expanded {
 
  height: auto;
 
  overflow: initial;
 
}
 
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;
 
  overflow: hidden;
 
  padding: 0;
 
  margin: 0;
 
  white-space: nowrap;
 
}
 
table#changesets .comments-container {
 
  margin: 0.8em 0;
 
  margin-right: 0.5em;
 
}
 
table#changesets .tagcontainer {
 
  width: 80px;
 
  position: relative;
 
  float: right;
 
  height: 100%;
 
  top: 7px;
 
  margin-left: 0.5em;
 
}
 
table#changesets .logtags {
 
  min-width: 80px;
 
  height: 1.1em;
 
  position: absolute;
0 comments (0 inline, 0 general)