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

add storage info and change bar

Browse Source
This commit is contained in:
David Benqué
2019-11-08 10:24:07 +00:00
parent ac1d166231
commit 042f9fe684
4 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
customize.dist/src/less2/include/colortheme.less
View File

@@ -1,5 +1,6 @@
@colortheme_font: 'Open Sans', 'Helvetica Neue', sans-serif;
@colortheme_app-font-size: 16px;
@colortheme_app-font-size-small: 13px;
@colortheme_app-font: @colortheme_app-font-size @colortheme_font;
@colortheme_logo-1: #326599;

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

@@ -7,27 +7,25 @@
.cp-limit-container {
@colortheme_green: #5cb85c;
display: inline-flex;
flex-flow: column-reverse;
flex-flow: column;
width: 100%;
margin-top: 20px;
margin: 20px 0px;
.cp-limit-bar {
display: inline-flex;
justify-content: center;
align-items: center;
max-width: 100%;
margin: 4px;
margin: 5px;
box-sizing: border-box;
border-radius: 3px;
background: white;
position: relative;
text-align: center;
width: ~"calc(100% - 8px)";
height: 35px;
line-height: 25px;
width: ~"calc(100% - 10px)";
height: 10px;
overflow: hidden;
.cp-limit-usage {
height: 100%;
height: 10px;
display: inline-block;
background: blue;
position: absolute;
@@ -35,7 +33,7 @@
top: 0;
z-index: 1; // .usage
&.cp-limit-usage-normal {
background: lighten(@colortheme_green, 15%);
background: @colortheme_green;
}
&.cp-limit-usage-warning {
background: orange;
@@ -44,26 +42,26 @@
background: red;
}
}
.cp-limit-usage-text {
position: relative;
color: @cryptpad_text_col;
z-index: 2; // .usageText
font-size: @colortheme_app-font-size;
}
}
.cp-limit-usage-text {
color: @cryptpad_text_col;
margin-left: 5px;
z-index: 2; // .usageText
font-size: @colortheme_app-font-size-small;
}
.cp-limit-buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
justify-content: space-evenly;
//padding: 2px;
a {
height: 25px;
display: inline-flex;
align-items: center;
min-width: 150px;
margin: 2px;
margin: 3px 5px;
width: 50%;
padding-top: 0;
padding-bottom: 0;