Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-17 10:15:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Email library compose button: scope taller+lower variant to desktop only

Browse Source 
Wrap the height:28px / top:0 rule in @media (min-width:769px) so it
can't leak into mobile, where a different touch-friendly variant
already sets min-height:36px + top:-2px.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 07:24:25 +09:00
parent cc86760a26
commit 8ae31aeb13
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+6 -2
View File
@@ -29812,8 +29812,12 @@ body.doc-find-active mark.doc-find-mark.current {
/* Select + Refresh sit slightly lower than Compose on desktop. */ /* Select + Refresh sit slightly lower than Compose on desktop. */
#email-lib-select-btn, #email-lib-refresh-btn { top: -2px; } #email-lib-select-btn, #email-lib-refresh-btn { top: -2px; }
/* New (Compose) button gets a slightly taller, slightly lower variant /* New (Compose) button gets a slightly taller, slightly lower variant
on desktop so it reads as the primary action of the row. */ on desktop so it reads as the primary action of the row. Scoped to
#email-lib-compose-btn { height: 28px; top: 0; } desktop so the mobile touch-friendly variant (further down) stays in
charge for ≤768px. */
@media (min-width: 769px) {
#email-lib-compose-btn { height: 28px; top: 0; }
}
@media (max-width: 768px) { @media (max-width: 768px) {
/* On mobile they're 1px higher than desktop. */ /* On mobile they're 1px higher than desktop. */
#email-lib-select-btn, #email-lib-refresh-btn { top: -3px; } #email-lib-select-btn, #email-lib-refresh-btn { top: -3px; }