aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-02-22 07:25:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: prevent icon blurriness on mobile by setting explicit sizes

Browse Source
This commit is contained in:
Gigi
2025-10-13 22:38:36 +02:00
parent e03696eed7
commit 3a28160ae8
3 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/components/icon-button.css
View File

@@ -31,6 +31,13 @@
min-width: var(--min-touch-target);
min-height: var(--min-touch-target);
}
/* Keep icon size consistent to prevent blurriness */
.icon-button svg {
font-size: 1rem;
width: 1em;
height: 1em;
}
}
/* Disable hover effects on touch devices */

7
src/styles/layout/highlights.css
View File

@@ -144,6 +144,13 @@
@media (max-width: 768px) {
.highlight-relay-indicator { padding: 8px; min-width: var(--min-touch-target); min-height: var(--min-touch-target); }
.compact-button { padding: 0.5rem; min-width: var(--min-touch-target); min-height: var(--min-touch-target); }
/* Keep icon size consistent to prevent blurriness */
.compact-button svg {
font-size: 0.875rem;
width: 1em;
height: 1em;
}
}
/* Level-colored quote icon */

6
src/styles/layout/sidebar.css
View File

@@ -72,6 +72,12 @@
@media (max-width: 768px) {
.sidebar-header-bar .toggle-sidebar-btn { display: none; }
.mobile-close-btn { display: flex; }
/* Keep icon sizes consistent to prevent blurriness */
.sidebar-header-bar svg {
width: 1em;
height: 1em;
}
}
.view-mode-controls {