Skip to content

Commit df42bec

Browse files
authored
fix(ui): folder view toggle button styles overridden due to equal specificity (#15544)
### What Folder view toggle buttons render with inconsistent padding across different environments due to CSS cascade order differences. ### Why The `.folder-view-toggle-button` selector has equal specificity to `.btn`, so whichever CSS loads last wins. Different build tools and environments load CSS in different orders, causing the padding to apply inconsistently. ### How Increased selector specificity from `.folder-view-toggle-button` to `.btn.folder-view-toggle-button`. Fixes #15523
1 parent 73a9650 commit df42bec

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • packages/ui/src/elements/FolderView/ToggleViewButtons

packages/ui/src/elements/FolderView/ToggleViewButtons/index.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@import '../../../scss/styles.scss';
22

33
@layer payload-default {
4-
.folder-view-toggle-button {
4+
.btn.folder-view-toggle-button {
55
padding: 0;
66
background-color: transparent;
77

0 commit comments

Comments
 (0)