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

Rounded creation screen

master
David Benqué 2022-03-02 11:31:29 +00:00
parent df0c8f3eb4
commit acda74d034
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -234,6 +234,7 @@
// Pad Creation Screen
@cp_creation-bg: @cryptpad_color_grey_800;
@cp_creation-fg: @cryptpad_text_col;
@cp_creation-template: @cryptpad_color_grey_700;
@cp_creation-button-bg: @cryptpad_color_brand;
@cp_creation-button-fg: @cryptpad_color_white;
@cp_creation-error-bg: @cryptpad_color_blue;

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

@ -233,6 +233,7 @@
// Pad Creation Screen
@cp_creation-bg: @cryptpad_color_white;
@cp_creation-fg: @cryptpad_text_col;
@cp_creation-template: @cryptpad_color_grey_100;
@cp_creation-button-bg: @cryptpad_color_brand;
@cp_creation-button-fg: @cryptpad_color_white;
@cp_creation-error-bg: @cryptpad_color_blue;
@ -324,7 +325,7 @@
@cp_shadow-color: fade(@cryptpad_color_black, 30%);
// Apps
@cp_app-bg: @cryptpad_color_grey_100;
@cp_app-bg: @cryptpad_color_white;
@cp_app-fg: @cryptpad_text_col;
// Accounts

11
customize.dist/src/less2/include/creation.less
View File

@ -3,6 +3,7 @@
@import (reference) "./tools.less";
@import (reference) './icon-colors.less';
@import (reference) "./avatar.less";
@import (reference) "./variables.less";
.creation_vars(
@bg-color: @colortheme_apps[default]
@ -63,6 +64,7 @@
width: 700px;
max-width: 90vw;
height: 500px;
border-radius: @variables_radius_L;
max-height: ~"calc(100vh - 20px)";
margin: 0px;
flex-shrink: 0;
@ -131,6 +133,7 @@
color: @cp_creation-button-fg;
margin: 3px 10px;
border: none;
border-radius: @variables_radius;
cursor: pointer;
outline: none;
text-transform: uppercase;
@ -256,6 +259,7 @@
}
select {
margin-right: 5px;
border-radius: @variables_radius;
}
}
&.active {
@ -325,11 +329,12 @@
max-height: 159px;
align-items: center;
.cp-creation-template-element {
box-shadow: 2px 2px 7px @cp_shadow-color;
box-shadow: 0px 0px 5px 1px #00000030; // XXX
width: 300px;
max-width: calc(100% - 10px);
padding: 2px;
padding: 5px;
margin: 5px;
border-radius: @variables_radius;
display: inline-flex;
box-sizing: border-box;
@ -337,7 +342,7 @@
text-align: left;
line-height: 1em;
cursor: pointer;
background-color: @cp_creation-template;
color: @creation-color;
color: var(--creation-color);
border: 1px solid transparent;