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

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