From 6e73e7cc715f18fdffef6336e47cf95fd3cef35f Mon Sep 17 00:00:00 2001 From: Pablo Alba Date: Tue, 25 Jul 2023 09:45:52 +0200 Subject: [PATCH] Fix incorrect style for layers tab titles --- .../resources/styles/main/partials/sidebar-layers.scss | 6 ++++++ frontend/resources/styles/main/partials/sidebar.scss | 9 +++++++++ frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs | 2 +- 3 files changed, 16 insertions(+), 1 deletion(-) diff --git a/frontend/resources/styles/main/partials/sidebar-layers.scss b/frontend/resources/styles/main/partials/sidebar-layers.scss index f408a8fc4..2aa2eb5e4 100644 --- a/frontend/resources/styles/main/partials/sidebar-layers.scss +++ b/frontend/resources/styles/main/partials/sidebar-layers.scss @@ -416,6 +416,12 @@ span.element-name { .page-name { padding: 8px; margin-top: 8px; + color: #e3e3e3; + font-size: 0.875rem; + max-width: 90%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .icon-search { margin-top: 8px; diff --git a/frontend/resources/styles/main/partials/sidebar.scss b/frontend/resources/styles/main/partials/sidebar.scss index b1890d5ec..9112fe1a9 100644 --- a/frontend/resources/styles/main/partials/sidebar.scss +++ b/frontend/resources/styles/main/partials/sidebar.scss @@ -60,6 +60,15 @@ white-space: nowrap; } + span.pages-title { + color: #e3e3e3; + font-size: 0.875rem; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + span.tool-badge { border: 1px solid $color-primary; border-radius: $br2; diff --git a/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs b/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs index 087228815..f6397ad3b 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/sitemap.cljs @@ -270,7 +270,7 @@ [:div#sitemap.tool-window {:ref parent-ref :style #js {"--height" (str size "px")}} [:div.tool-window-bar - [:span (tr "workspace.sidebar.sitemap")] + [:span.pages-title (tr "workspace.sidebar.sitemap")] (if workspace-read-only? [:div.view-only-mode (tr "labels.view-only")] [:div.add-page {:on-click create} i/close])