Fine tune font size for reworked dashboard UI

Related feedback:
- https://github.com/gorhill/uBlock/commit/453f5450b6e6#commitcomment-38305932

The larger font size is best justified for
touchscreen to allow tapping -- less justified
on devices with a mouse which allow for more
accurate selection.
This commit is contained in:
Raymond Hill 2020-04-05 19:37:23 -04:00
parent d87d3278b0
commit 64d8904998
No known key found for this signature in database
GPG key ID: 25E1490B761470C2
2 changed files with 9 additions and 3 deletions

View file

@ -1,6 +1,6 @@
html, body { html, body {
border: 0; border: 0;
font: 16px/24px sans-serif; font: 14px/21px sans-serif;
height: 100%; height: 100%;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
@ -33,7 +33,6 @@ html, body {
.tabButton { .tabButton {
border: 0; border: 0;
border-bottom: 3px solid #f9f9fb; border-bottom: 3px solid #f9f9fb;
box-sizing: border-box;
color: #20123a; color: #20123a;
cursor: pointer; cursor: pointer;
padding: 0.5em 1.5em; padding: 0.5em 1.5em;
@ -85,6 +84,7 @@ body:not(.canUpdateShortcuts) .tabButton[href="#shortcuts.html"] {
@media (pointer: coarse) { @media (pointer: coarse) {
#dashboard-nav { #dashboard-nav {
flex-wrap: nowrap; flex-wrap: nowrap;
font: 16px/24px sans-serif;
overflow-x: auto; overflow-x: auto;
} }
} }

View file

@ -1,6 +1,6 @@
body { body {
border: 0; border: 0;
font: 16px/24px sans-serif; font: 14px/21px sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -42,3 +42,9 @@ hr {
body.advancedUser #advanced-user-enabled ~ a.fa { body.advancedUser #advanced-user-enabled ~ a.fa {
display: inline; display: inline;
} }
@media (pointer: coarse) {
#dashboard-nav {
font: 16px/24px sans-serif;
}
}