shiran/discourse_theme_ran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX: fix category nav padding on small screens (#98)

Browse Source 
This adjusts the active state of the dropdown by employing negative
margin to compensate for the padding

before:

![image](https://github.com/user-attachments/assets/e8c8a544-3527-4d6c-a513-0291a6a15ab5)


after:

![image](https://github.com/user-attachments/assets/4a53a0ee-a07d-43b0-9ab6-3542d86bbe8c)
This commit is contained in:
Kris
2025-03-31 17:02:30 -04:00
committed by GitHub
parent 17bd1c2346
commit 878da19552
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/mobile-stuff.scss
+6 -2
View File
@@ -35,10 +35,14 @@
column-gap: var(--spacing-inline-s); column-gap: var(--spacing-inline-s);
row-gap: var(--spacing-block-xs); row-gap: var(--spacing-block-xs);
flex-basis: 100%; flex-basis: 100%;
li {
margin-right: 0;
margin-left: calc(
(var(--spacing-block-s) - 2px) * -1
); // 2px is width of the outline
}
.select-kit-header { .select-kit-header {
background: var(--d-content-background); background: var(--d-content-background);
padding-block: var(--spacing-block-s);
padding-inline: 0;
border: 0; border: 0;
} }
} }