Merge pull request #15276 from woocommerce/fix/15246
Fix styling in firefox
This commit is contained in:
commit
458f7fcff1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -5635,10 +5635,6 @@ table.bar_chart {
|
|||
-webkit-appearance: none;
|
||||
border: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* All good till now. Now we'll style the background */
|
||||
progress::-webkit-progress-bar {
|
||||
background: #f5f5f5;
|
||||
border: 2px solid #eee;
|
||||
border-radius: 4px;
|
||||
|
@ -5646,13 +5642,35 @@ table.bar_chart {
|
|||
box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
/* Now the value part */
|
||||
progress::-webkit-progress-bar {
|
||||
background: transparent none;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
|
||||
background:
|
||||
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
|
||||
#A46497;
|
||||
background: #A46497;
|
||||
background: linear-gradient( top, #A46497, #66405F ), #A46497;
|
||||
transition: width 1s ease;
|
||||
}
|
||||
|
||||
progress::-moz-progress-bar {
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
|
||||
background: #A46497;
|
||||
background: linear-gradient( top, #A46497, #66405F ), #A46497;
|
||||
transition: width 1s ease;
|
||||
}
|
||||
|
||||
progress::-ms-fill {
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
|
||||
background: #A46497;
|
||||
background: linear-gradient( to bottom, #A46497, #66405F ), #A46497;
|
||||
transition: width 1s ease;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue