fix: add missing styling for RPG attribute inputs
- Add .rpg-attr-name styling to match .rpg-stat-name - Use SmartTheme colors instead of default white background - Add focus state with highlight border - Include .rpg-attr-toggle and .rpg-attr-remove in selectors Fixes white background on RPG attribute text inputs (STR, DEX, etc.) in the Tracker Editor modal.
This commit is contained in:
@@ -5265,21 +5265,30 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
|||||||
border-radius: 0.375em;
|
border-radius: 0.375em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rpg-stat-toggle {
|
.rpg-stat-toggle,
|
||||||
|
.rpg-attr-toggle {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rpg-stat-name {
|
.rpg-stat-name,
|
||||||
|
.rpg-attr-name {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
padding: 0.375em 0.5em;
|
padding: 0.375em 0.5em;
|
||||||
background: var(--rpg-bg);
|
background: var(--SmartThemeBlurTintColor);
|
||||||
border: 1px solid var(--rpg-border);
|
border: 2px solid var(--SmartThemeBorderColor);
|
||||||
border-radius: 0.25em;
|
border-radius: 0.25em;
|
||||||
color: var(--rpg-text);
|
color: var(--SmartThemeBodyColor);
|
||||||
font-size: 0.95em;
|
font-size: 0.95em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rpg-stat-remove {
|
.rpg-stat-name:focus,
|
||||||
|
.rpg-attr-name:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--rpg-highlight);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rpg-stat-remove,
|
||||||
|
.rpg-attr-remove {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
padding: 0.375em 0.625em;
|
padding: 0.375em 0.625em;
|
||||||
background: var(--rpg-highlight);
|
background: var(--rpg-highlight);
|
||||||
|
|||||||
Reference in New Issue
Block a user