infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

fix quota bar and upgrade buttons 

button alignments and margin
bar border, radius, and removed text shadow
pull/1/head
David Benqué 2019-11-07 11:37:40 +01:00
parent c7146c9469
commit c653c777c5
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,13 +16,13 @@
align-items: center;
max-width: 100%;
margin: 3px;
margin: 4px;
box-sizing: border-box;
border-top: 1px solid #999;
border-radius: 3px;
background: white;
position: relative;
text-align: center;
width: ~"calc(100% - 6px)";
width: ~"calc(100% - 8px)";
height: 35px;
line-height: 25px;
overflow: hidden;
@ -35,7 +35,7 @@
top: 0;
z-index: 1; // .usage
&.cp-limit-usage-normal {
background: @colortheme_green;
background: lighten(@colortheme_green, 15%);
}
&.cp-limit-usage-warning {
background: orange;
@ -46,11 +46,10 @@
}
.cp-limit-usage-text {
position: relative;
color: grey;
text-shadow: 1px 0 2px white, 0 1px 2px white, -1px 0 2px white, 0 -1px 2px white;
color: @cryptpad_text_col;
z-index: 2; // .usageText
font-size: @colortheme_app-font-size;
font-weight: bold;
}
}
.cp-limit-buttons {
@ -58,11 +57,13 @@
flex-wrap: wrap;
justify-content: space-around;
justify-content: space-evenly;
padding: 2px;
a {
height: 25px;
display: inline-flex;
align-items: center;
min-width: 200px;
margin: 2px;
width: 50%;
padding-top: 0;
padding-bottom: 0;