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

Wrapped modal.less into a mixin which gets rid of the last file which emitted CSS

Browse Source
This commit is contained in:
Caleb James DeLisle
2018-07-12 19:13:04 +02:00
parent 4a352f2ed8
commit a6d3dbf94f
20 changed files with 78 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
customize.dist/src/less2/include/fileupload.less
View File

@@ -1,8 +1,9 @@
@import (reference) './colortheme-all.less';
@import (once) './modal.less';
@import (reference) './modal.less';
.fileupload_main () {
/* Upload status table */
modal_main();
#cp-fileupload {
.modal_base();
position: absolute;

4
customize.dist/src/less2/include/framework.less
View File

@@ -1,6 +1,6 @@
@import (reference) "./colortheme-all.less";
@import (once) "./toolbar.less";
@import (once) './fileupload.less';
@import (reference) "./toolbar.less";
@import (reference) './fileupload.less';
@import (reference) './alertify.less';
@import (reference) './tokenfield.less';
@import (reference) './creation.less';

104
customize.dist/src/less2/include/modal.less
View File

@@ -17,62 +17,64 @@
}
}
.cp-modal-container {
display: none;
z-index: 100000; //Z modal container
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: @colortheme_modal-dim;
.cp-modal {
background-color: @colortheme_modal-bg;
color: @colortheme_modal-fg;
box-shadow: @variables_shadow;
padding: @variables_padding;
.modal_main() {
.cp-modal-container {
display: none;
z-index: 100000; //Z modal container
position: absolute;
top: 15vh; bottom: 15vh;
left: 10vw; right: 10vw;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: @colortheme_modal-dim;
overflow: auto;
.cp-modal {
background-color: @colortheme_modal-bg;
color: @colortheme_modal-fg;
box-shadow: @variables_shadow;
font-family: @colortheme_font;
text-align: center;
& > p {
margin-bottom: 1em;
}
.cp-modal-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
input {
background-color: @colortheme_modal-input;
color: @colortheme_modal-input-fg;
border: 0;
padding: 8px 12px;
margin: 1em;
width: 300px;
}
.cp-modal-close {
text-shadow: none;
color: inherit;
padding: @variables_padding;
position: absolute;
top: 0;
right: 0;
margin: @variables_padding;
cursor: pointer;
top: 15vh; bottom: 15vh;
left: 10vw; right: 10vw;
overflow: auto;
font-family: @colortheme_font;
text-align: center;
& > p {
margin-bottom: 1em;
}
.cp-modal-form {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
input {
background-color: @colortheme_modal-input;
color: @colortheme_modal-input-fg;
border: 0;
padding: 8px 12px;
margin: 1em;
width: 300px;
}
.cp-modal-close {
text-shadow: none;
color: inherit;
position: absolute;
top: 0;
right: 0;
margin: @variables_padding;
cursor: pointer;
}
}
}
}
}

3
customize.dist/src/less2/include/toolbar.less
View File

@@ -7,7 +7,7 @@
@import (reference) "./icon-colors.less";
@import (reference) "./tools.less";
@import (reference) "./icons.less";
@import (once) "./modal.less";
@import (reference) "./modal.less";
@import (reference) "./markdown-toolbar.less";
@import (reference) "./help.less";
@@ -32,6 +32,7 @@
.iconColors_main();
.markdownToolbar_main(@color, @bg-color);
.help_main(@color, @bg-color);
.modal_main();
.cp-toolbar-container {
display: flex;