Clean up progress bar CSS

This commit is contained in:
Steve Gravrock
2025-10-15 19:42:46 -07:00
parent 4dfc34a7a0
commit 2352249441
2 changed files with 42 additions and 42 deletions

View File

@@ -1,25 +1,4 @@
@charset "UTF-8";
progress {
width: 100%;
}
progress[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
progress[value]::-webkit-progress-value, progress[value]::-moz-progress-bar {
background: #007069;
}
.failed progress[value]::-webkit-progress-value, .failed progress[value]::-moz-progress-bar {
background: #ca3a11;
}
progress.failed[value]::-webkit-progress-value, progress.failed[value]::-moz-progress-bar {
background: #ca3a11;
}
body {
overflow-y: scroll;
}
@@ -136,6 +115,23 @@ body {
color: #ba9d37;
content: "•";
}
.jasmine_html-reporter progress {
width: 100%;
}
.jasmine_html-reporter progress[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.jasmine_html-reporter progress[value]::-webkit-progress-value, .jasmine_html-reporter progress[value]::-moz-progress-bar {
background: #007069;
}
.failed .jasmine_html-reporter progress[value]::-webkit-progress-value, .failed .jasmine_html-reporter progress[value]::-moz-progress-bar {
background: #ca3a11;
}
.jasmine_html-reporter progress.failed[value]::-webkit-progress-value, .jasmine_html-reporter progress.failed[value]::-moz-progress-bar {
background: #ca3a11;
}
.jasmine_html-reporter .jasmine-run-options {
float: right;
margin-right: 5px;

View File

@@ -26,26 +26,6 @@ $space: "\0020";
$font-size: 11px;
$large-font-size: 14px;
// TODO: nope
progress {
width: 100%;
}
progress[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
progress[value]::-webkit-progress-value, progress[value]::-moz-progress-bar {
background: $passing-color;
.failed & {
background: $failing-color;
}
}
progress.failed[value]::-webkit-progress-value, progress.failed[value]::-moz-progress-bar {
background: $failing-color;
}
body {
overflow-y: scroll;
}
@@ -126,7 +106,7 @@ body {
padding-right: 9px;
}
//--- Symbol summary ---//
//--- Symbol summary (v1 reporter) ---//
.jasmine-symbol-summary {
overflow: hidden;
@@ -192,6 +172,30 @@ body {
}
}
//--- Progress bar (v2 reporter) ---//
progress {
width: 100%;
}
progress[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
progress[value]::-webkit-progress-value, progress[value]::-moz-progress-bar {
background: $passing-color;
.failed & {
background: $failing-color;
}
}
progress.failed[value]::-webkit-progress-value, progress.failed[value]::-moz-progress-bar {
background: $failing-color;
}
.jasmine-run-options {
float: right;
margin-right: 5px;