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

Refactor CSS for improved readability and maintainability, including adjustments to selectors and spacing for various components.

Browse Source
This commit is contained in:
Tom Butcher 2025-11-23 13:22:07 +00:00
parent 8ed0287d73
commit aeebaaddda
1 changed files with 34 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
assets/stylesheets/App.css
View File

@ -43,7 +43,7 @@
vertical-align: middle !important;
}
.ant-typography-ellipsis-single-line >code {
.ant-typography-ellipsis-single-line > code {
vertical-align: top !important;
}
@ -55,7 +55,9 @@
-webkit-app-region: drag;
}
.electron-navigation-wrapper li, .electron-navigation-wrapper button, .electron-navigation-wrapper .ant-tag{
.electron-navigation-wrapper li,
.electron-navigation-wrapper button,
.electron-navigation-wrapper .ant-tag {
-webkit-app-region: no-drag;
}
@ -67,7 +69,8 @@
padding-inline: 10px;
}
.electron-sidebar .ant-menu-item, .electron-sidebar .ant-menu-submenu-title {
.electron-sidebar .ant-menu-item,
.electron-sidebar .ant-menu-submenu-title {
height: 32.5px !important;
line-height: 32.5px !important;
}
@ -77,11 +80,10 @@
min-width: 55px !important;
}
.loading-modal .ant-modal-footer {
display: none;
.loading-modal .ant-modal-footer {
display: none;
}
:root {
--unit-100vh: 100vh;
}
@ -91,8 +93,8 @@ display: none;
}
}
.dashboard-cards-header .ant-table-tbody {
display: none;
.dashboard-cards-header .ant-table-tbody {
display: none;
}
.ant-menu-overflow-item-rest::after {
@ -225,19 +227,21 @@ body {
}
/* --- End of src/components/Dashboard/common/DashboardSidebar.css --- */
.objectTableDescritions >.ant-descriptions-view > table {
.objectTableDescritions > .ant-descriptions-view > table {
table-layout: fixed !important;
}
.objectTableDescritions >.ant-descriptions-view .ant-descriptions-row >.ant-descriptions-item-label {
.objectTableDescritions
> .ant-descriptions-view
.ant-descriptions-row
> .ant-descriptions-item-label {
width: 35%;
}
.farmcontrol-splitter > .ant-splitter-bar {
margin: 8px
margin: 8px;
}
.dark-mode {
--sb-track-color: #1d1d1d;
--sb-thumb-color: #848484;
@ -249,32 +253,31 @@ body {
--sb-size: 8px;
}
::-webkit-scrollbar {
width: 8px;
width: 8px;
}
::-webkit-scrollbar:vertical {
width: 8px;
width: 8px;
}
::-webkit-scrollbar:horizontal {
height: 8px;
height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #8888881a;
border: 2px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
background: #8888881a;
border: 2px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}
::-webkit-scrollbar-corner {
@ -291,9 +294,9 @@ body {
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #5555551f;
border: 2px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
background: #5555551f;
border: 2px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
}
::-webkit-scrollbar-thumb:vertical:hover {
@ -306,4 +309,8 @@ body {
.ant-table-body {
scrollbar-color: auto;
}
}
.ant-select-selection-item .ant-tag {
margin-left: 1px !important;
}