From d239e75f1cf38b5a394c135279dd186a52ac8eb3 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 13:15:55 +0300 Subject: [PATCH 01/11] update icon size --- customize.dist/src/less2/include/admin.less | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/customize.dist/src/less2/include/admin.less b/customize.dist/src/less2/include/admin.less index f53039eb5..91012efe1 100644 --- a/customize.dist/src/less2/include/admin.less +++ b/customize.dist/src/less2/include/admin.less @@ -57,8 +57,9 @@ &:hover { cursor: pointer; } - i.cp-icon { - font-size: 2.8rem; + .cp-icon { + height: 2.8rem; + width: 2.8rem; } .cp-app-name { flex-grow: 1; From 309f7ec174f82fe4aaec3dbf326a8ab7afa3890b Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 13:23:20 +0300 Subject: [PATCH 02/11] update icon size + alignment --- customize.dist/src/less2/include/toolbar.less | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less index 2af064e3c..f60e82012 100644 --- a/customize.dist/src/less2/include/toolbar.less +++ b/customize.dist/src/less2/include/toolbar.less @@ -300,7 +300,16 @@ #cp-app-toolbar-creation-dialog.cp-modal-container { .icons_main(); + h3 { + display: inline-flex; + justify-content: center; + align-items: center; + svg { + height: 2rem; + width: 2rem; + } + } li { color: @cp_drive-fg; border: 1px solid @cp_drive-icon-border; From 87410cd811c3f2bc90a871cc915fe89569128001 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 13:30:15 +0300 Subject: [PATCH 03/11] update Insert modal --- www/secureiframe/app-secure.less | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/www/secureiframe/app-secure.less b/www/secureiframe/app-secure.less index 7e8f98ea7..5d7adb6b4 100644 --- a/www/secureiframe/app-secure.less +++ b/www/secureiframe/app-secure.less @@ -32,12 +32,17 @@ #cp-filepicker-dialog { display: none; + .lucide { + height:1.2rem; + width: 1.2rem; + margin-right: 0.2rem; + } .cp-modal { border-radius: @variables_radius_L; .cp-filepicker-content { display: flex; flex-wrap: wrap; - justify-content: flex-start; + justify-content: center; overflow-y: auto; } @@ -59,6 +64,7 @@ border-radius: @variables_radius; display: inline-flex; + justify-content: center; flex-flow: column; box-sizing: content-box; @@ -97,6 +103,7 @@ cursor: pointer; width: 4rem; height: 4rem; + margin: 0; } } } From 956db06b80e1d2361a56a7998ca13543b804550d Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 13:39:33 +0300 Subject: [PATCH 04/11] update drive icon placement --- www/common/drive-ui.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js index b9f504d59..b1c3c73bd 100644 --- a/www/common/drive-ui.js +++ b/www/common/drive-ui.js @@ -4643,7 +4643,7 @@ define([ (isRootOpened ? $folderOpenedIcon : $folderIcon); var $rootElement = createTreeElement(rootName, $rootIcon.clone(), path.slice(), false, true, true, isRootOpened); if (!manager.hasSubfolder(root)) { - $rootElement.find('.cp-app-drive-icon-expcol').css('visibility', 'hidden'); + $rootElement.find('.cp-app-drive-icon-expcol').css('display', 'none'); } $rootElement.addClass('cp-app-drive-tree-root'); $rootElement.find('>.cp-app-drive-element-row') From fefd21539114bd2e9d20b5c8e22eb7e83d01ae70 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 13:52:46 +0300 Subject: [PATCH 05/11] update drive tree icons --- customize.dist/src/less2/include/drive.less | 19 ++----------------- 1 file changed, 2 insertions(+), 17 deletions(-) diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less index 7283832f2..c24e15382 100644 --- a/customize.dist/src/less2/include/drive.less +++ b/customize.dist/src/less2/include/drive.less @@ -401,23 +401,8 @@ .cp-limit-container { margin-top: 5px; } - .fa.cp-app-drive-icon-expcol { - margin-left: -10px; - font-size: 14px; - position: absolute; - left: -17px; - top: 11px; - width: 11px !important; - height: 11px !important; - background-color: @cp_sidebar-left-item-bg; - padding: 0; - margin: 0; - z-index: 10; - cursor: default; - &:before { - position: relative; - top: -1px; - } + .cp-app-drive-icon-expcol { + display: inline-flex; &:focus-visible { outline: @variables_focus_style; border-radius: @variables_radius_S; From ad408e956a21aaf85543412c7cd5834deb528fb3 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 16:10:28 +0300 Subject: [PATCH 06/11] align drive files icons --- customize.dist/src/less2/include/drive.less | 1 + 1 file changed, 1 insertion(+) diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less index c24e15382..f4cb55646 100644 --- a/customize.dist/src/less2/include/drive.less +++ b/customize.dist/src/less2/include/drive.less @@ -747,6 +747,7 @@ } li { display: flex; + align-items: center; border-radius: @variables_radius; input { border: 1px solid transparent; From 2d2c229d0a952aa21556422a6b27c703b0b9ad04 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 16:29:00 +0300 Subject: [PATCH 07/11] update padding on markdown toolbar buttons --- customize.dist/src/less2/include/toolbar.less | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less index f60e82012..544d9a08a 100644 --- a/customize.dist/src/less2/include/toolbar.less +++ b/customize.dist/src/less2/include/toolbar.less @@ -87,11 +87,6 @@ button:nth-of-type(1) { margin-left: 0.2rem; } - @media screen and (max-width: @browser_media-medium-screen) { - button:nth-of-type(1) { - margin-left: 0; - } - } } .cp-toolbar-container { @@ -101,7 +96,7 @@ .toolbar_button { height: @toolbar_line-height; box-sizing: border-box; - padding: 3px 10px; + padding: 3px 7px; margin: 0; transition: all 0.15s; .tools_unselectable(); From bba94cf4358a72129440e5a7f240ff3afe0dd6ba Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 16:36:31 +0300 Subject: [PATCH 08/11] remove unnecessary styling from kanban --- www/kanban/app-kanban.less | 13 ------------- 1 file changed, 13 deletions(-) diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index c20dd43d2..43f612f29 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -176,10 +176,6 @@ .btn { outline: 0; border-radius: @variables_radius; - .fa { - font: normal normal normal 14px/1 FontAwesome; - font-family: FontAwesome; - } &:hover { background-color: contrast(@cp_toolbar-bg, darken(@cp_toolbar-bg, 5%), lighten(@cp_toolbar-bg, 5%)); } @@ -486,9 +482,6 @@ &:hover { background-color: @cp_kanban-add-hover; } - .fa { - margin-right: 5px; - } &:focus-visible { outline: @variables_focus_style; } @@ -535,9 +528,6 @@ margin-right: 10px; } .tools_unselectable(); - i { - margin-right: 5px; - } } .cp-kanban-filterTags-list { margin-right: 10px; @@ -690,9 +680,6 @@ height: 60px; font-size: 40px; } - i { - position: fixed; - } div { width: 100%; height: 60px; From b0e2b5d259d54fdfb3eb9fe036427fe2a74a0c47 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 17:01:14 +0300 Subject: [PATCH 09/11] render icons on the loading page --- customize.dist/loading.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/customize.dist/loading.js b/customize.dist/loading.js index ae58549a6..4d8242e27 100644 --- a/customize.dist/loading.js +++ b/customize.dist/loading.js @@ -7,8 +7,9 @@ // text #3F4141 define([ '/customize/messages.js', + '/customize/fonts/lucide.js', 'less!/customize/src/less2/include/loading.less' -], function (Messages) { +], function (Messages, Lucide) { var urlArgs = window.location.href.replace(/^.*\?([^\?]*)$/, function (all, x) { return x; }); var elem = document.createElement('div'); elem.setAttribute('id', 'cp-loading'); @@ -100,6 +101,7 @@ define([ if (el2) { el2.innerHTML = makeList(data); } var el3 = document.querySelector('.cp-loading-progress-container'); if (el3) { el3.innerHTML = makeBar(data); } + Lucide.createIcons(); } catch (e) { } }; From 8dbffc0cd654a04bcc1fe75b547efb32e2f707a3 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 17:13:50 +0300 Subject: [PATCH 10/11] remove unnecessary style --- customize.dist/src/less2/include/forms.less | 10 ---------- customize.dist/src/less2/include/loading.less | 3 --- 2 files changed, 13 deletions(-) diff --git a/customize.dist/src/less2/include/forms.less b/customize.dist/src/less2/include/forms.less index 260b68b27..fd0fb6cae 100644 --- a/customize.dist/src/less2/include/forms.less +++ b/customize.dist/src/less2/include/forms.less @@ -163,13 +163,6 @@ cursor: pointer; border-radius: @variables_radius; transition: none; - - i, .fa, .cptools { - &:not(.nomargin) { - margin-right: 5px; - } - } - color: @cp_buttons-fg; border: 1px solid @cp_buttons-fg; @@ -314,9 +307,6 @@ font-size: 12px; padding: 5px; border-radius: @variables_radius; - i { - margin-right: 10px; - } &.cp-alert-top { margin-top: @alertify_padding-base; } diff --git a/customize.dist/src/less2/include/loading.less b/customize.dist/src/less2/include/loading.less index b7e5fa732..c07ec2c29 100644 --- a/customize.dist/src/less2/include/loading.less +++ b/customize.dist/src/less2/include/loading.less @@ -185,9 +185,6 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - i { - width: 22px; - } span { margin-left: 10px; &.percent { From f80c8f356f7986b3e5ef0050643b0cdf83a19131 Mon Sep 17 00:00:00 2001 From: daria <95225431+dariiing@users.noreply.github.com> Date: Mon, 25 Aug 2025 17:22:04 +0300 Subject: [PATCH 11/11] align header --- www/form/app-form.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/www/form/app-form.less b/www/form/app-form.less index 6e986da78..045206a98 100644 --- a/www/form/app-form.less +++ b/www/form/app-form.less @@ -1403,6 +1403,8 @@ width: 500px; padding: 24px; h2 { + display: inline-flex; + align-items: center; font-size: 20px; line-height: 40px; margin-top: -12px;