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

Refactor MacOS Vibrancy CSS for Main Content Layout
All checks were successful
farmcontrol/farmcontrol-ui/pipeline/head This commit looks good
Details

Browse Source 
- Simplified CSS rules for light and dark modes in the MacOS vibrancy styles by removing unnecessary selectors related to the dashboard splitter.
- Enhanced clarity and maintainability of styles for the ant-layout main content layout, ensuring consistent background appearance across both modes.
This commit is contained in:
Tom Butcher 2026-08-21 11:23:13 +01:00
parent c9f854379a
commit 2ed961b9ec
1 changed files with 2 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/stylesheets/App.css
View File

@ -143,21 +143,11 @@ html.macos-vibrancy .main-layout {
background: transparent !important;
}
html.macos-vibrancy .light-mode .ant-layout.main-content-layout,
html.macos-vibrancy
.light-mode
.dashboard-splitter.farmcontrol-splitter
> .ant-splitter-bar
.ant-splitter-bar-dragger:before {
html.macos-vibrancy .light-mode .ant-layout.main-content-layout {
background: rgba(255, 255, 255, 0.88) !important;
}
html.macos-vibrancy .dark-mode .ant-layout.main-content-layout,
html.macos-vibrancy
.dark-mode
.dashboard-splitter.farmcontrol-splitter
> .ant-splitter-bar
.ant-splitter-bar-dragger:before {
html.macos-vibrancy .dark-mode .ant-layout.main-content-layout {
background: rgba(0, 0, 0, 0.88) !important;
}