mirror of
https://github.com/pa11y/pa11y-dashboard.git
synced 2025-09-25 06:41:21 +00:00
Updated results page (#196)
* Update gitignore * Update makefile. Add hbs helper * Collect all selectors for errors/warnings/notices * Add list of techniques that help to solve problems * Remove task-stats block from sidebar * Remove script from Makefile * Update tooltips. Map standards and techniques * Update layout for new components: new tabs, errors panels, lists of selectors, tooltips and popovers * Update styles for new layout and components * Graph buttons and popovers styles * Reformat less code * Include popover. Update IE styles * Problem details. Context popovers * Update graph buttons. Add sorting by number of errors * Update graph buttons params * Fix tooltip names * Swap details and ignore link-buttons * Set ignore link colors
This commit is contained in:

committed by
Rowan Manning

parent
a8013834c5
commit
66d97769a0
@@ -7,49 +7,48 @@
|
||||
// Buttons ====================================================================
|
||||
|
||||
.btn:active {
|
||||
.box-shadow(none);
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
.btn-group.open .dropdown-toggle {
|
||||
.box-shadow(none);
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Typography =================================================================
|
||||
|
||||
.text-primary {
|
||||
color: @brand-primary;
|
||||
color: @brand-primary;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: @brand-success;
|
||||
color: @brand-success;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: @brand-danger;
|
||||
color: @brand-danger;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: @brand-warning;
|
||||
color: @brand-warning;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: @brand-info;
|
||||
color: @brand-info;
|
||||
}
|
||||
|
||||
// Tables =====================================================================
|
||||
|
||||
.table {
|
||||
|
||||
tr.success,
|
||||
tr.warning,
|
||||
tr.danger {
|
||||
color: #fff;
|
||||
}
|
||||
tr.success,
|
||||
tr.warning,
|
||||
tr.danger {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// Forms ======================================================================
|
||||
|
||||
.form-control,textarea.form-control,
|
||||
.form-control, textarea.form-control,
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
@@ -65,111 +64,109 @@ input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input {
|
||||
border-width: 2px;
|
||||
.box-shadow(none);
|
||||
border-width: 2px;
|
||||
.box-shadow(none);
|
||||
|
||||
&:focus {
|
||||
.box-shadow(none);
|
||||
}
|
||||
&:focus {
|
||||
.box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.has-warning {
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @brand-warning;
|
||||
}
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @brand-warning;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-control:focus {
|
||||
border: 2px solid @brand-warning;
|
||||
}
|
||||
.form-control,
|
||||
.form-control:focus {
|
||||
border: 2px solid @brand-warning;
|
||||
}
|
||||
}
|
||||
|
||||
.has-error {
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @brand-danger;
|
||||
}
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @brand-danger;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-control:focus {
|
||||
border: 2px solid @brand-danger;
|
||||
}
|
||||
.form-control,
|
||||
.form-control:focus {
|
||||
border: 2px solid @brand-danger;
|
||||
}
|
||||
}
|
||||
|
||||
.has-success {
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @brand-success;
|
||||
}
|
||||
.help-block,
|
||||
.control-label {
|
||||
color: @brand-success;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-control:focus {
|
||||
border: 2px solid @brand-success;
|
||||
}
|
||||
.form-control,
|
||||
.form-control:focus {
|
||||
border: 2px solid @brand-success;
|
||||
}
|
||||
}
|
||||
|
||||
// Navs =======================================================================
|
||||
|
||||
.pagination {
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
a {
|
||||
color: #fff;
|
||||
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
&>a,
|
||||
&>a:hover,
|
||||
&>a:focus,
|
||||
&>span {
|
||||
background-color: lighten(@brand-success, 15%);
|
||||
}
|
||||
.disabled {
|
||||
& > a,
|
||||
& > a:hover,
|
||||
& > a:focus,
|
||||
& > span {
|
||||
background-color: lighten(@brand-success, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pager {
|
||||
a {
|
||||
color: #fff;
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
a {
|
||||
color: #fff;
|
||||
&:hover {
|
||||
color: @text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.disabled {
|
||||
&>a,
|
||||
&>a:hover,
|
||||
&>a:focus,
|
||||
&>span {
|
||||
background-color: lighten(@brand-success, 15%);
|
||||
}
|
||||
.disabled {
|
||||
& > a,
|
||||
& > a:hover,
|
||||
& > a:focus,
|
||||
& > span {
|
||||
background-color: lighten(@brand-success, 15%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Indicators =================================================================
|
||||
|
||||
.alert {
|
||||
|
||||
a,
|
||||
.alert-link {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a,
|
||||
.alert-link {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// Progress bars ==============================================================
|
||||
|
||||
.progress {
|
||||
height: 10px;
|
||||
.box-shadow(none);
|
||||
height: 10px;
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Containers =================================================================
|
||||
|
||||
.well {
|
||||
.box-shadow(none);
|
||||
border-width: 0;
|
||||
.box-shadow(none);
|
||||
border-width: 0;
|
||||
}
|
||||
|
Reference in New Issue
Block a user