Email library: New (compose) button 4px taller + 2px lower
Base .memory-toolbar-btn is 24px tall at top:-4px. Bump the compose button alone to 28px (4px taller) and top:-2px (moves down 2px) so it reads as the primary action in the toolbar without affecting Select/Refresh.
This commit is contained in:
parent
9dbe31bfb0
commit
2e7cfbe1fa
1 changed files with 3 additions and 0 deletions
|
|
@ -29811,6 +29811,9 @@ body.doc-find-active mark.doc-find-mark.current {
|
||||||
#email-lib-select-btn, #email-lib-refresh-btn, #email-lib-compose-btn { position: relative; top: -4px; }
|
#email-lib-select-btn, #email-lib-refresh-btn, #email-lib-compose-btn { position: relative; top: -4px; }
|
||||||
/* 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
|
||||||
|
on desktop so it reads as the primary action of the row. */
|
||||||
|
#email-lib-compose-btn { height: 28px; top: -2px; }
|
||||||
@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; }
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue