tabshift/payloadcms
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(ui): add hidden sidebar fields css specificity (#13344)

Browse Source 
Adds specificity to sidebar no fields css styling.
This commit is contained in:
Jarrod Flesch
2025-07-31 08:48:38 -04:00
committed by GitHub
parent 1b93c4becc
commit b965db881e
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/ui/src/elements/DocumentFields/index.scss
View File

@@ -18,7 +18,7 @@
}
&--force-sidebar-wrap,
&:has(.document-fields__sidebar-wrap .render-fields:empty) {
&:has(.document-fields__sidebar-wrap .document-fields__sidebar-fields > .render-fields:empty) {
--sidebar-gutter-h-left: var(--gutter-h);
--sidebar-gutter-h-right: var(--gutter-h);
--main-gutter-h-left: var(--gutter-h);
@@ -30,7 +30,9 @@
--main-border: 1px solid var(--theme-elevation-100);
--main-field-margin: calc(var(--base) * -2);
&:has(.document-fields__sidebar-wrap .render-fields:empty) {
&:has(
.document-fields__sidebar-wrap .document-fields__sidebar-fields > .render-fields:empty
) {
--main-width: 100%;
--main-border: none;
--main-field-margin: initial;
@@ -81,7 +83,7 @@
}
&__sidebar-wrap {
&:has(.render-fields:empty) {
&:has(.document-fields__sidebar-fields > .render-fields:empty) {
--sidebar-wrap-width: 0;
--sidebar-wrap-min-width: 0;
--sidebar-wrap-position: initial;