Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove excessive vertical padding from level value on mobile

Browse Source 
- Changed .rpg-level-value padding from clamp(1px, 0.2vh, 2px) 0.375em to 0 0.375em
- Added mobile-specific override to prevent level value from inheriting large touch-friendly padding
- Level value now stays compact and properly aligned on mobile (no min-height, no vertical padding)
- Fixes misalignment and unwanted vertical space below level value
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-10-21 21:42:03 +11:00
parent e345715090
commit 8e913031f1
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+8 -1
View File
@@ -744,7 +744,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
font-size: 1em; font-size: 1em;
font-weight: 700; font-weight: 700;
color: var(--rpg-highlight-color); color: var(--rpg-highlight-color);
padding: clamp(1px, 0.2vh, 2px) 0.375em; padding: 0 0.375em;
background: var(--rpg-accent-color); background: var(--rpg-accent-color);
border-radius: clamp(2px, 0.3vh, 3px); border-radius: clamp(2px, 0.3vh, 3px);
border: 1px solid var(--rpg-highlight-color); border: 1px solid var(--rpg-highlight-color);
@@ -4139,6 +4139,13 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
min-height: 2.75rem; min-height: 2.75rem;
} }
/* Exception: Level value should stay compact */
.rpg-level-value.rpg-editable {
padding: 0 0.375em;
min-height: auto;
line-height: 1.2;
}
/* Larger close buttons */ /* Larger close buttons */
.rpg-thought-close { .rpg-thought-close {
min-width: 2.75rem; min-width: 2.75rem;