Zaki/Password-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(android): the icon buttons lose their chip, keeping their target

Browse Source 
Three translucent pills per list row weighed more than what they pointed at.
The drawing alone carries it.

The target stays 44 px: that is what a finger expects, and it does not need to
be visible to exist. The press feedback moves from the background to the
stroke, since there is no background left to dim.
This commit is contained in:
r-zakarya
2026-08-21 22:21:26 +01:00
parent 1dba5d392f
commit 68722e301c
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
android-client/web/app.html
+9 -2
View File
@@ -163,8 +163,15 @@
doigt attend. */ doigt attend. */
.btn.ico-btn { padding: 0; width: 44px; min-width: 44px; height: 44px; .btn.ico-btn { padding: 0; width: 44px; min-width: 44px; height: 44px;
display: inline-flex; align-items: center; display: inline-flex; align-items: center;
justify-content: center; } justify-content: center;
.btn.ico-btn svg { width: 20px; height: 20px; } /* SANS FOND : le dessin seul. La pastille repetee trois fois
par ligne pesait plus que ce qu'elle designait. La CIBLE
reste a 44 px - c'est ce qu'un doigt attend, et elle n'a pas
besoin d'etre visible pour exister. */
background: none; }
.btn.ico-btn svg { width: 22px; height: 22px; }
/* Le retour d'appui ne peut plus venir du fond : il vient du trait. */
.btn.ico-btn:active { opacity: .45; }
.empty { text-align: center; color: var(--muted); padding: 48px 16px; } .empty { text-align: center; color: var(--muted); padding: 48px 16px; }