From 33423fe4379169efb90633ba5148a752b15a67f8 Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Fri, 21 Aug 2026 20:23:16 +0100 Subject: [PATCH] Refactor CSS for Object Display Tags and Elipsis Text - Removed redundant styles for object display tags to streamline CSS. - Added padding to elipsis text wrapper for improved spacing and readability. - Ensured consistent styling for code elements within object display tags, enhancing visual clarity. --- assets/stylesheets/App.css | 26 +++++++++++++++++--------- 1 file changed, 17 insertions(+), 9 deletions(-) diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css index 5ad660dc..efb6267a 100644 --- a/assets/stylesheets/App.css +++ b/assets/stylesheets/App.css @@ -75,15 +75,6 @@ vertical-align: top !important; } -.object-display-tag .ant-typography-ellipsis-single-line > code { - background-color: transparent !important; - border: 1px solid transparent !important; - max-width: calc(100%); - padding: 0; - margin: 0; - font-size: 95%; -} - .ant-select-selection-item .country-display { margin-left: 1px !important; } @@ -1327,6 +1318,8 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton { .elipsis-text-wrapper.ant-typography code.elipsis-text-truncated { margin: 0; box-sizing: border-box; + padding-inline: 0.5em; + padding-block: 0.1em 0.1em; } .elipsis-text-measure { @@ -1668,3 +1661,18 @@ span.ant-skeleton-input.ant-skeleton-input-sm.text-skeleton { min-width: var(--dashboard-splitter-sidebar-size) !important; max-width: var(--dashboard-splitter-sidebar-size) !important; } + +.object-display-tag + .elipsis-text-wrapper.ant-typography + code.elipsis-text-measure, +.object-display-tag .elipsis-text-wrapper.ant-typography code.elipsis-text-full, +.object-display-tag + .elipsis-text-wrapper.ant-typography + code.elipsis-text-truncated { + background-color: transparent !important; + border: 1px solid transparent !important; + max-width: calc(100%); + padding: 0; + margin: 0; + font-size: 95%; +}