Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #15276 from woocommerce/fix/15246 

Fix styling in firefox
This commit is contained in:
Claudiu Lodromanean 2017-05-25 08:32:38 -07:00 committed by GitHub
parent 64a640bd31 c790e4be7c
commit 458f7fcff1
3 changed files with 28 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/admin-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/admin.css
View File

File diff suppressed because one or more lines are too long

34
assets/css/admin.scss
View File

@ -5635,10 +5635,6 @@ table.bar_chart {
-webkit-appearance: none; -webkit-appearance: none;
border: none; border: none;
display: none; display: none;
}
/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
background: #f5f5f5; background: #f5f5f5;
border: 2px solid #eee; border: 2px solid #eee;
border-radius: 4px; border-radius: 4px;
@ -5646,13 +5642,35 @@ table.bar_chart {
box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.2); 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 { progress::-webkit-progress-value {
border-radius: 3px; border-radius: 3px;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
background: background: #A46497;
-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), background: linear-gradient( top, #A46497, #66405F ), #A46497;
#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; transition: width 1s ease;
} }