Skip to content
Snippets Groups Projects
Commit 15591d20 authored by ANDiTKO's avatar ANDiTKO
Browse files

* Improve progress bar styling (added spacing, increced percentage font, added...

* Improve progress bar styling (added spacing, increced percentage font, added animation to progressbar fill). Issued by @rick_ . See #2381483
* Fixed vertical-tabs textfield input moving when selected in google chrome. Issue coz of box-sizing was changed in vertical-tabs.css
parent 6bd618bf
No related branches found
No related tags found
No related merge requests found
...@@ -2201,14 +2201,33 @@ div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.media-wrapper { ...@@ -2201,14 +2201,33 @@ div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.media-wrapper {
color: #111; color: #111;
} }
.progress .bar { body.adminimal-theme .progress .bar {
background: none repeat scroll 0 0 #CCCCCC; background: none repeat scroll 0 0 #CCCCCC;
border: none; border: none;
border-radius: 0; border-radius: 0;
margin: 0 0.2em; margin: 0 0 0.5em 0;
} }
.progress .filled, .progress .bar .filled { body.adminimal-theme .progress .percentage {
float: right;
font-size: 26px;
font-weight: 100;
line-height: 30px;
}
body.adminimal-theme .progress .filled {
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
transition: 0.5s linear;
-webkit-transition-property: width, background-color;
-moz-transition-property: width, background-color;
-o-transition-property: width, background-color;
transition-property: width, background-color;
}
body.adminimal-theme .progress .filled,
body.adminimal-theme .progress .bar .filled {
background: none repeat scroll 0 0 #0074BD !important; background: none repeat scroll 0 0 #0074BD !important;
} }
......
...@@ -86,9 +86,9 @@ div.vertical-tabs fieldset.vertical-tabs-pane > legend { ...@@ -86,9 +86,9 @@ div.vertical-tabs fieldset.vertical-tabs-pane > legend {
* with "box-sizing" to prevent box model issues from occurring in most browsers. * with "box-sizing" to prevent box model issues from occurring in most browsers.
*/ */
.vertical-tabs .form-type-textfield input { .vertical-tabs .form-type-textfield input {
-moz-box-sizing: border-box; -moz-box-sizing: content-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: content-box;
box-sizing: border-box; box-sizing: content-box;
} }
* html .vertical-tabs .form-type-textfield, * html .vertical-tabs .form-type-textfield,
* html .vertical-tabs .form-textarea-wrapper { * html .vertical-tabs .form-textarea-wrapper {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment