/* Source file
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_urlbar_dropmarker.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Icon won't have a background when hovered and the cursor will be text selection cursor, unfortunately */
#page-action-buttons::before{
display: -moz-inline-box;
content: "";
height: 28px;
width: 28px;
padding: var(--urlbar-icon-padding);
fill: var(--lwt-toolbar-field-color, black);
fill-opacity: 0.6;
-moz-context-properties: fill, fill-opacity;
background: no-repeat center url(chrome://global/skin/icons/arrow-dropdown-16.svg);
cursor: normal;
opacity: 0;
transition: opacity 150ms linear
}
#urlbar-input-container:hover > #page-action-buttons::before{ opacity: 1 }
.urlbar-input-box:not
focus-within){ margin-inline-end: -24px; }
#urlbar-input:not
focus-within){ padding-inline-end: 24px !important; }
.urlbar-input-box:focus-within ~ #page-action-buttons::before{ -moz-user-focus: normal }
/* Source file
https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_urlbar_megabar.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Make urlbar appear more compact */
#urlbar[breakout]{
margin-inline-start: 0px !important;
width: 100% !important;
left: 0 !important;
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
}
#urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
.urlbarView{ margin-inline: 0 !important; width: auto !important; }
.urlbarView-row{ padding: 0 2px !important; }
.urlbarView-row-inner{ padding-inline-start: 4px !important; }
#urlbar-background{ animation: none !important; }
#urlbar-input-container{ padding: 0 !important; height: 100% !important; }
#identity-box{ padding-block: var(--urlbar-icon-padding) }
/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */
/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */
#urlbar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; }
}
#urlbar-background{ border-color: none !important; }
#urlbar-background,
#urlbar-container,
.urlbar-input-box {
border: none !important;
}