From e2adf44a1f6d1cc86789cab8327b64cd352b6773 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Benqu=C3=A9?= Date: Wed, 1 Sep 2021 14:37:02 +0100 Subject: [PATCH 1/2] Responsive form settings layout --- www/form/app-form.less | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/www/form/app-form.less b/www/form/app-form.less index d763ed204..03fde2389 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -116,8 +116,19 @@ width: 100% !important; .cp-form-creator-settings { display: flex; - justify-content: space-evenly; + justify-content: space-between; flex-wrap: wrap; + div { + flex-basis: 33.333333%; + padding-right: 20px; + } + } + } + @media screen and (max-width: 600px) { + .cp-form-creator-settings { + div { + flex-basis: 50%; + } } } } From a79a9bdd6346695f33ffc5ea441e6862298eba2e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Benqu=C3=A9?= Date: Wed, 1 Sep 2021 15:15:18 +0100 Subject: [PATCH 2/2] Add shadows to question blocks - increase contrast of light theme - prepares upcoming color themes --- customize.dist/src/less2/include/colortheme.less | 6 +++--- www/form/app-form.less | 3 ++- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less index 18dcb1c0a..cfc931e47 100644 --- a/customize.dist/src/less2/include/colortheme.less +++ b/customize.dist/src/less2/include/colortheme.less @@ -299,7 +299,7 @@ @cp_usergrid-selected-fg: @cryptpad_color_white; // Other -@cp_shadow-color: fade(@cryptpad_color_black, 40%); +@cp_shadow-color: fade(@cryptpad_color_black, 30%); // Apps @cp_app-bg: @cryptpad_color_grey_100; @@ -428,8 +428,8 @@ @cp_calendar-now-fg: @cryptpad_color_grey_200; // Forms -@cp_form-bg1: @cryptpad_color_grey_200; -@cp_form-bg2: @cryptpad_color_grey_100; +@cp_form-bg1: @cryptpad_color_grey_50; +@cp_form-bg2: @cryptpad_color_grey_200; @cp_form-border: @cryptpad_color_grey_200; @cp_form-poll-color: @cryptpad_color_grey_800; @cp_form-poll-no: fade(@cryptpad_color_light_red, 75%); diff --git a/www/form/app-form.less b/www/form/app-form.less index 03fde2389..d2c030df1 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -341,6 +341,7 @@ .cp-form-block { background: @cp_form-bg1; padding: 10px; + box-shadow: 0px 0px 15px @cp_shadow-color; &:not(:last-child) { margin-bottom: 20px; } @@ -699,7 +700,7 @@ margin-top: -10px; margin-right: -10px; i { margin-right: 5px; } - background: fade(@cryptpad_text_col, 15%); + background: fade(@cryptpad_text_col, 10%); } }