pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Hide the status when urlbar is hovered

Browse source
This commit is contained in:
MrOtherGuy 2019-02-03 11:05:37 +02:00
parent 93f92a65a6
commit dfb27f1c23
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
chrome/status_inside_urlbar.css
View file

@ -9,8 +9,10 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
pointer-events:none; pointer-events:none;
background: -moz-element(#statuspanel) left calc(90% - var(--toolbarbutton-outer-padding)) no-repeat !important; background: -moz-element(#statuspanel) left calc(100% - var(--toolbarbutton-outer-padding)) no-repeat !important;
} }
/* Hide the status ovelay when urlbar is hovered */
#urlbar:hover .urlbar-input-box::after{ visibility: hidden }
#urlbar .urlbar-input-box::after{ #urlbar .urlbar-input-box::after{
display: -moz-box; display: -moz-box;
@ -18,11 +20,12 @@
#statuspanel-inner > #statuspanel-label{ #statuspanel-inner > #statuspanel-label{
height:23px; height:23px;
min-width: 500px; min-width: 1000px;
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important;
border: none !important; border: none !important;
font-size: larger; font-size: larger;
color: inherit !important; color: inherit !important;
margin-right: 0px !important;
} }
/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ /* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) } #statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }