Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-21 01:05:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1541938 - Apply the hover effect to all font names; r=mtigley

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D26878

--HG--
extra : moz-landing-system : lando
This commit is contained in:
Patrick Brosset 2019-04-12 15:29:30 +00:00
parent a92c08d83f
commit 818e92e5a8
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
devtools/client/themes/fonts.css
View File

@ -127,7 +127,6 @@
.font-family-name {
margin-bottom: 0.2em;
font-size: 1.2em;
padding: 0 3px;
}
.font-group {
@ -136,12 +135,6 @@
.font-group .font-name {
white-space: unset;
padding: 3px;
border-radius: 3px;
}
.font-group .font-name:hover {
background-color: var(--theme-selection-background-hover);
}
.font-group .font-name::after {
@ -152,6 +145,20 @@
content: "";
}
/* Make font-name hoverable as doing so highlights text runs in the page.
The hit target is 3px around the font name, which is why we offset them with a -3px
horizontal margin so they appear at the same place as they normall would. */
.font-name {
padding: 3px;
margin-inline-start: -3px;
border-radius: 3px;
}
.font-name:hover {
background-color: var(--theme-selection-background-hover);
}
.font-css-code {
direction: ltr;
margin: 0;