fix(mobile): add explicit font-size to confirmation dialog body text
Add explicit font-size using rem units to confirmation dialog body text to ensure it's readable on all screen sizes. Changes: - .rpg-confirm-body p: Add font-size: 1rem (base size) - Mobile (@max-width: 768px): Override to 0.95rem for mobile screens Previously, the body text had no explicit font-size and was inheriting from parent, causing it to appear tiny on mobile devices. Now uses proper rem-based sizing that scales appropriately.
This commit is contained in:
@@ -1637,6 +1637,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
color: var(--rpg-text);
|
color: var(--rpg-text);
|
||||||
|
font-size: 1rem; /* Explicit readable size */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Confirmation Dialog Footer */
|
/* Confirmation Dialog Footer */
|
||||||
@@ -1727,6 +1728,10 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
|||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.rpg-confirm-body p {
|
||||||
|
font-size: 0.95rem; /* Slightly smaller but still readable on mobile */
|
||||||
|
}
|
||||||
|
|
||||||
/* Make buttons touch-friendly */
|
/* Make buttons touch-friendly */
|
||||||
.rpg-btn-primary,
|
.rpg-btn-primary,
|
||||||
.rpg-btn-secondary {
|
.rpg-btn-secondary {
|
||||||
|
|||||||
Reference in New Issue
Block a user