forked from external-repos/pa11y-dashboard
Redesign tasks lists headers and expander link
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
@@ -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;
|
||||
}
|
||||
|
@@ -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 */
|
||||
|
Reference in New Issue
Block a user