farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor CSS for Object Display Tags and Elipsis Text

Browse Source 
- 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.
This commit is contained in:
Tom Butcher 2026-08-21 20:23:16 +01:00
parent 86fb9162ad
commit 33423fe437
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/stylesheets/App.css
View File

@ -75,15 +75,6 @@
vertical-align: top !important; 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 { .ant-select-selection-item .country-display {
margin-left: 1px !important; 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 { .elipsis-text-wrapper.ant-typography code.elipsis-text-truncated {
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
padding-inline: 0.5em;
padding-block: 0.1em 0.1em;
} }
.elipsis-text-measure { .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; min-width: var(--dashboard-splitter-sidebar-size) !important;
max-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%;
}