Redesign tasks lists headers and expander link

This commit is contained in:
perryharlock
2013-09-23 15:12:12 +01:00
parent 9f917f97ec
commit aa1cf59ff0
6 changed files with 87 additions and 47 deletions

View File

@@ -1,14 +1,20 @@
/* No javascript */
.no-javascript .graph-container {
display:none;
}
.no-javascript .hidden {
display:block !important;
visibility:visible !important;
}
.no-javascript table.hidden {
display:table !important;
}
.no-javascript .collapse {
display:block;
.no-javascript {
.graph-container, .expander {
display:none;
}
.hidden {
display:block !important;
visibility:visible !important;
}
table.hidden {
display:table !important;
}
.collapse {
display:block;
}
.heading {
margin-top:0;
border-radius: 3px 3px 0 0;
}
}

View File

@@ -53,7 +53,7 @@
.task-header .h4 {
font-size:floor(@font-size-base * 1.1); // ~16px;
}
.label, .badge {
.badge {
font-size:floor(@font-size-base * 0.75); // ~11px;
padding:7px;
}

View File

@@ -146,21 +146,12 @@
.badge {
border-radius:0.25em;
}
.label, .badge {
.badge {
display:inline-block;
padding:10px;
font-size:ceil(@font-size-base * 0.85); // ~13px;
text-transform: uppercase;
}
.badge-danger {
background-color:@brand-danger;
}
.badge-warning {
background-color:@brand-warning;
}
.badge-info {
background-color:@brand-info;
}
.rule-name .badge {
padding:6px;
}
@@ -177,10 +168,9 @@
margin-bottom:30px;
border-width:3px;
border-style:solid;
border-radius: 3px;
li {
margin-bottom:30px;
margin-bottom:20px;
&:last-child {
margin-bottom:0;
@@ -208,10 +198,27 @@
/* Task list heading */
.heading {
margin-bottom:10px;
margin-top:12px;
padding:11px;
color: @btn-default-color;
font-weight:bold;
border-radius: 3px;
&.showing {
margin-bottom:0;
border-radius: 3px 3px 0 0;
}
&:first-child, &.first {
margin-top:0;
}
}
.heading-badges {
.expander {
cursor:pointer;
padding:0 5px;
font-weight:bold;
font-size:floor(@font-size-base * @line-height-base); // ~20px
line-height:1;
}
/* Graph */