CSS: Simplify comment-list style

This commit is contained in:
Eric Lippmann 2015-11-20 15:13:01 +01:00
parent c0f1d6da33
commit 8d5da9bb86
2 changed files with 32 additions and 21 deletions

View File

@ -7,6 +7,22 @@
font-size: @font-size-small; font-size: @font-size-small;
} }
// Object link and comment author in the comment overview
.comment-author {
margin-bottom: 0.25em;
}
// Comment icons, e.g. persistent in the comment overview
.comment-icons {
float: right;
}
// Comment text in the comment overview
.comment-text {
// Reset margin
margin: 0;
}
// Type information for backends in the monitoring config // Type information for backends in the monitoring config
.config-label-meta { .config-label-meta {
font-size: @font-size-small; font-size: @font-size-small;

View File

@ -88,49 +88,40 @@ a:hover > .icon-cancel {
.comment-list { .comment-list {
margin: 0; margin: 0;
.comment-header { > dt {
border-bottom: 1px solid @gray-lighter; border-bottom: 1px solid @gray-lighter;
margin-bottom: 0.25em;
&:hover { &:hover {
background-color: @gray-lightest; background-color: @gray-lightest;
> .comment-meta > .meta-icons > .remove-action { > .remove-action {
visibility: visible; visibility: visible;
} }
} }
> .comment-meta > .meta-icons > .remove-action { > .remove-action {
visibility: hidden; visibility: hidden;
} }
} }
}
.comment-header { > dd {
.clearfix(); margin: 0 0 1em 0;
}
.comment-meta {
color: @text-color-light;
font-size: @font-size-small;
> .meta-icons {
float: right;
margin-top: 0.2em;
} }
} }
.comment-text { .comment-time {
// Reset margin color: @text-color-light;
margin: 0; font-size: @font-size-small;
} }
.name-value-list { .name-value-list {
dd { > dd {
// Reset default margin // Reset default margin
margin: 0; margin: 0;
} }
dt { > dt {
color: @text-color-light; color: @text-color-light;
font-size: @font-size-small; font-size: @font-size-small;
} }
@ -187,7 +178,11 @@ a:hover > .icon-cancel {
} }
} }
.name-value-table th { .name-value-table {
width: 100%;
}
.name-value-table > tbody > tr > th {
color: @text-color-light; color: @text-color-light;
// Reset default font-weight // Reset default font-weight
font-weight: normal; font-weight: normal;