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

View File

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