blitzwing/cryptpad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix quota bar and upgrade buttons

Browse source 
button alignments and margin
bar border, radius, and removed text shadow
This commit is contained in:
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;