web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update style for usage bar

Browse Source
This commit is contained in:
ansuz 2018-01-18 10:31:56 +01:00
parent 4f42e8a282
commit 04b862352f
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
customize.dist/src/less2/include/limit-bar.less
View File

@ -8,17 +8,19 @@
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;
.cp-limit-bar { .cp-limit-bar {
padding: 5px;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
margin: 3px; margin: 3px;
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #999; border-top: 1px solid #999;
background: white; background: white;
position: relative; position: relative;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
width: ~"calc(100% - 6px)"; width: ~"calc(100% - 6px)";
height: 25px; height: 35px;
line-height: 25px; line-height: 25px;
overflow: hidden; overflow: hidden;
.cp-limit-usage { .cp-limit-usage {
@ -40,7 +42,7 @@
} }
.cp-limit-usage-text { .cp-limit-usage-text {
position: relative; position: relative;
color: black; color: grey;
text-shadow: 1px 0 2px white, 0 1px 2px white, -1px 0 2px white, 0 -1px 2px white; text-shadow: 1px 0 2px white, 0 1px 2px white, -1px 0 2px white, 0 -1px 2px white;
z-index: 2; // .usageText z-index: 2; // .usageText
font-size: @colortheme_app-font-size; font-size: @colortheme_app-font-size;