github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Style progress bars.

Browse source
This commit is contained in:
Paulo Reis 2017-10-12 15:44:06 +01:00
parent f47dac6414
commit ef9651cc88
3 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web/public/stylesheets/components/progress-bars.less
View file

@ -29,8 +29,8 @@
height: @line-height-computed;
margin-bottom: @line-height-computed;
background-color: @progress-bg;
border-radius: @border-radius-base;
border: 1px solid @progress-border-color;
border-radius: @progress-border-radius;
border: @progress-border-width solid @progress-border-color;
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
}
@ -44,7 +44,7 @@
color: @progress-bar-color;
text-align: center;
background-color: @progress-bar-bg;
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.box-shadow(@progress-bar-shadow);
.transition(width .6s ease);
}

4
services/web/public/stylesheets/core/_common-variables.less
View file

@ -854,6 +854,10 @@
@folders-tag-menu-hover: @gray-light;
@folders-untagged-line-height: 1.7;
@progress-border-radius: @border-radius-base;
@progress-border-width: 1px;
@progress-bar-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
@footer-link-color: @link-color;
@footer-link-hover-color: @link-hover-color;
@footer-bg-color: transparent;

13
services/web/public/stylesheets/core/ol-variables.less
View file

@ -63,7 +63,7 @@
@btn-info-border : transparent;
// Tags
@tag-border-radius : 999px;
@tag-border-radius : 9999px;
@tag-bg-color : @ol-green;
@tag-bg-hover-color : @ol-dark-green;
@ -137,6 +137,17 @@
@structured-list-border-color : @ol-blue-gray-1;
@structured-list-hover-color : lighten(@ol-blue-gray-1, 5%);
// Progress bars
@progress-border-radius : @line-height-computed;
@progress-border-width : 0;
@progress-bar-bg : @ol-blue-gray-4;
@progress-bar-success-bg : @ol-green;
@progress-bar-warning-bg : @brand-warning;
@progress-bar-danger-bg : @ol-red;
@progress-bar-info-bg : @ol-blue;
@progress-bar-shadow : none;
// Footer
@footer-bg-color : #FFF;
@footer-link-color : @ol-green;