mirror of
https://github.com/unraid/webgui.git
synced 2026-01-10 03:30:03 -06:00
style: refine empty element handling in default-base.css for improved responsiveness
- Added CSS rules to forcefully remove any small empty space elements, enhancing page responsiveness without rewriting .page file parsing. - This change continues the trend of refining styles for better layout control and consistency across the plugin.
This commit is contained in:
@@ -1251,6 +1251,20 @@ a.list {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
|
||||
/**
|
||||
* Force remove any small empty space elements.
|
||||
* Necessary evil to prevent needing to rewrite .page file parsing and allow for a more responsive page.
|
||||
*/
|
||||
dt, dd, p, div, span {
|
||||
&:empty {
|
||||
display: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 0 !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tabs,
|
||||
.tabs-container {
|
||||
@@ -1536,20 +1550,6 @@ dd {
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Force remove any small empty space elements.
|
||||
* Necessary evil to prevent needing to rewrite .page file parsing and allow for a more responsive page.
|
||||
*/
|
||||
dt, dd, p, div:not([class*="sweet-overlay"]), span {
|
||||
&:empty {
|
||||
display: none !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
height: 0 !important;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
width: 100%;
|
||||
max-width: 160ch;
|
||||
|
||||
Reference in New Issue
Block a user