lee/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2026-08-27 00:16:44 +00:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(dashboard): give the share modal's add-row controls 44px touch height

Browse Source
This commit is contained in:
Juan Castro
2026-08-18 16:47:41 -04:00
parent 7738c1cb14
commit ab1be0f4de
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/gui/src/css/dashboard.css
+9 -2
View File
@@ -2732,8 +2732,8 @@ select.share-modal-row-mode:focus {
/* Touch: every control clears 44px. The icon buttons keep their 30-32px
visuals but hit-test at 44x44 via a centered pseudo-element (the 10px
gap to the row's select and the 18px between rows absorb the overhang
without overlap); the submit, the confirm pair (Remove is destructive
and sits 6px from Cancel), and the row's mode select grow for real.
without overlap); everything else grows for real via min-height, which
holds whatever the inherited line-height turns out to be.
This block sits below every base rule it overrides — a media query
adds no specificity, so source order decides. */
@media (pointer: coarse) {
@@ -2751,8 +2751,15 @@ select.share-modal-row-mode:focus {
height: 44px;
transform: translate(-50%, -50%);
}
input.share-modal-recipient,
input.share-modal-recipient:focus,
select.share-modal-mode,
select.share-modal-mode:focus {
min-height: 44px;
}
select.share-modal-row-mode,
select.share-modal-row-mode:focus {
min-height: 44px;
padding-top: 9px;
padding-bottom: 9px;
}