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

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

pull/1/head
Caleb James DeLisle 2018-07-12 19:13:04 +02:00
parent 4a352f2ed8
commit a6d3dbf94f
20 changed files with 78 additions and 73 deletions
Show Stats 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;

2
www/code/app-code.less
View File

@ -1,6 +1,6 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (once) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(

3
www/common/file-dialog.less
View File

@ -1,7 +1,8 @@
@import (reference) '../customize/src/less2/include/colortheme-all.less';
@import (once) '../customize/src/less2/include/modal.less';
@import (reference) '../customize/src/less2/include/modal.less';
.fileDialog_main () {
.modal_main();
#fileDialog {
display: none;
.cp-modal {

2
www/contacts/app-contacts.less
View File

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
@bg-color: @colortheme_friends-bg,

2
www/debug/app-debug.less
View File

@ -2,7 +2,7 @@
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tools.less';
@import (reference) '../../customize/src/less2/include/tokenfield.less';
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.tokenfield_main();
.framework_min_main();

2
www/drive/app-drive.less
View File

@ -4,7 +4,7 @@
@import (reference) "../../customize/src/less2/include/tools.less";
@import (reference) "../../customize/src/less2/include/limit-bar.less";
@import (reference) "../../customize/src/less2/include/tokenfield.less";
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
@bg-color: @colortheme_drive-bg,

2
www/file/app-file.less
View File

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tokenfield.less';
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
@bg-color: @colortheme_file-bg,

5
www/filepicker/app-filepicker.less
View File

@ -1,7 +1,7 @@
@import (reference) '../../customize/src/less2/include/colortheme-all.less';
@import (once) '../../customize/src/less2/include/modal.less';
@import (reference) '../../customize/src/less2/include/modal.less';
@import (reference) '../../customize/src/less2/include/icon-colors.less';
@import (once) '../../customize/src/less2/include/fileupload.less';
@import (reference) '../../customize/src/less2/include/fileupload.less';
@import (reference) '../../customize/src/less2/include/alertify.less';
@import (reference) '../../customize/src/less2/include/tippy.less';
@import (reference) '../../customize/src/less2/include/checkmark.less';
@ -13,6 +13,7 @@
.tippy_main();
.checkmark_main(20px);
.password_main();
.modal_main();
#cp-filepicker-dialog {
display: none;

2
www/kanban/app-kanban.less
View File

@ -1,5 +1,5 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (once) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/tools.less";
.framework_main( @bg-color: @colortheme_kanban-bg,

2
www/pad/app-pad.less
View File

@ -1,4 +1,4 @@
@import (once) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(
@bg-color: @colortheme_pad-bg,

2
www/poll/app-poll.less
View File

@ -2,7 +2,7 @@
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tools.less';
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(

3
www/profile/app-profile.less
View File

@ -1,7 +1,6 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (reference) '../../customize/src/less2/include/sidebar-layout.less';

2
www/settings/app-settings.less
View File

@ -3,7 +3,7 @@
@import (reference) '../../customize/src/less2/include/sidebar-layout.less';
@import (reference) "../../customize/src/less2/include/limit-bar.less";
@import (reference) "../../customize/src/less2/include/creation.less";
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
@bg-color: @colortheme_settings-bg,

2
www/slide/app-slide.less
View File

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) "../../customize/src/less2/include/mediatag.less";
@import (once) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.mediatag_base();
.framework_main(

2
www/todo/app-todo.less
View File

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
@bg-color: @colortheme_todo-bg,

2
www/whiteboard/app-whiteboard.less
View File

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/tools.less';
@import (once) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(
@bg-color: @colortheme_whiteboard-bg,

2
www/worker/app-worker.less
View File

@ -1,7 +1,7 @@
@import (reference) "../../customize/src/less2/include/browser.less";
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (once) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main();