mirror of
https://github.com/pa11y/pa11y-dashboard.git
synced 2025-09-25 14:51:28 +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:
Elena Musatova
committed by
Rowan Manning
Rowan Manning
parent
a8013834c5
commit
66d97769a0
@@ -1,128 +1,146 @@
|
||||
// This file is part of Pa11y Dashboard.
|
||||
//
|
||||
//
|
||||
// Pa11y Dashboard is free software: you can redistribute it and/or modify
|
||||
// it under the terms of the GNU General Public License as published by
|
||||
// the Free Software Foundation, either version 3 of the License, or
|
||||
// (at your option) any later version.
|
||||
//
|
||||
//
|
||||
// Pa11y Dashboard is distributed in the hope that it will be useful,
|
||||
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
// GNU General Public License for more details.
|
||||
//
|
||||
//
|
||||
// You should have received a copy of the GNU General Public License
|
||||
// along with Pa11y Dashboard. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
// Making up for the non support of IE8 and IE7 in Bootstrap 3
|
||||
.ie7, .ie8 {
|
||||
.legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: (@font-size-base * 1.5);
|
||||
line-height: inherit;
|
||||
color: @legend-color;
|
||||
border: 0;
|
||||
border-bottom: 1px solid @legend-border-color;
|
||||
margin-bottom:20px;
|
||||
.legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: (@font-size-base * 1.5);
|
||||
line-height: inherit;
|
||||
color: @legend-color;
|
||||
border: 0;
|
||||
border-bottom: 1px solid @legend-border-color;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.date {
|
||||
font-size: 85%;
|
||||
}
|
||||
|
||||
.task-card-link {
|
||||
min-height: 160px;
|
||||
}
|
||||
|
||||
.series-checkboxes li {
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.stat-type {
|
||||
font-size: floor(@font-size-base * 0.65); // ~10px;
|
||||
}
|
||||
|
||||
.aside .action-buttons .btn {
|
||||
width: 79%;
|
||||
}
|
||||
|
||||
.pull-right.dropdown-menu {
|
||||
right: 134px;
|
||||
}
|
||||
|
||||
.run-details .pull-right.dropdown-menu {
|
||||
right: 64px;
|
||||
}
|
||||
|
||||
.date-selector .btn-full-width {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.filter-toggle {
|
||||
&:before {
|
||||
height: 110%;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.tooltip-inner {
|
||||
background-color: #000000;
|
||||
|
||||
input {
|
||||
width: 92%;
|
||||
}
|
||||
.date {
|
||||
font-size:85%;
|
||||
}
|
||||
.task-card-link {
|
||||
min-height:160px;
|
||||
}
|
||||
.series-checkboxes li {
|
||||
margin-right:1%;
|
||||
}
|
||||
.stat-type {
|
||||
font-size:floor(@font-size-base * 0.65); // ~10px;
|
||||
}
|
||||
.aside .action-buttons .btn {
|
||||
width:79%;
|
||||
}
|
||||
.pull-right.dropdown-menu {
|
||||
right:134px;
|
||||
}
|
||||
.run-details .pull-right.dropdown-menu {
|
||||
right:64px;
|
||||
}
|
||||
.date-selector .btn-full-width {
|
||||
width:90%;
|
||||
}
|
||||
.filter-toggle {
|
||||
&:before {
|
||||
height:110%;
|
||||
width:100%;
|
||||
left:0;
|
||||
top:0;
|
||||
}
|
||||
input {
|
||||
width:92%;
|
||||
}
|
||||
.filter-trigger {
|
||||
padding-bottom:0;
|
||||
}
|
||||
|
||||
.filter-trigger {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ie7 {
|
||||
.aside .task-stats li {
|
||||
width:31.5%;
|
||||
}
|
||||
.zfix {
|
||||
position:relative;
|
||||
z-index:1001;
|
||||
}
|
||||
.list-group li .list-group-item {
|
||||
margin:0;
|
||||
position:static;
|
||||
}
|
||||
.graph-spacer {
|
||||
margin-bottom:90px;
|
||||
padding-bottom:90px;
|
||||
}
|
||||
.date-selector {
|
||||
zoom:1;
|
||||
.zfix {
|
||||
position: relative;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.btn-full-width {
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
.sr-only {
|
||||
position:relative;
|
||||
}
|
||||
.breadcrumb li {
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
display: inline;
|
||||
margin-right:10px;
|
||||
}
|
||||
.pull-right.dropdown-menu {
|
||||
right:0px;
|
||||
}
|
||||
.run-details .pull-right.dropdown-menu {
|
||||
right:82px;
|
||||
}
|
||||
.tasks-list li {
|
||||
padding-right:105px;
|
||||
}
|
||||
.filter-toggle {
|
||||
width:30%;
|
||||
margin:0 35%;
|
||||
margin-top:-10px;
|
||||
background-color:lighten(@gray-lighter, 4%);
|
||||
padding-bottom:10px;
|
||||
.list-group li .list-group-item {
|
||||
margin: 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.glyphicon {
|
||||
display:none;
|
||||
}
|
||||
.graph-spacer {
|
||||
margin-bottom: 90px;
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
|
||||
input {
|
||||
width:80%;
|
||||
margin-left:-25%;
|
||||
}
|
||||
.date-selector {
|
||||
zoom: 1;
|
||||
|
||||
.btn-full-width {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.sr-only {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.breadcrumb li {
|
||||
vertical-align: top;
|
||||
zoom: 1;
|
||||
display: inline;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.pull-right.dropdown-menu {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.run-details .pull-right.dropdown-menu {
|
||||
right: 82px;
|
||||
}
|
||||
|
||||
.tasks-list li {
|
||||
padding-right: 105px;
|
||||
}
|
||||
|
||||
.filter-toggle {
|
||||
width: 30%;
|
||||
margin: 0 35%;
|
||||
margin-top: -10px;
|
||||
background-color: lighten(@gray-lighter, 4%);
|
||||
padding-bottom: 10px;
|
||||
|
||||
.glyphicon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input {
|
||||
width: 80%;
|
||||
margin-left: -25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user