shy-floating-search.css (2972B)
1 /* Explicit viewport coordinates also work for Firefox's top-layer popover. */ 2 @media not -moz-pref("shyfox.disable.floating.search") { 3 #main-window:not([customizing], [inDOMFullscreen="true"]) 4 #urlbar:is([focused], :focus-within, [open], [breakout-extend]) { 5 position: fixed !important; 6 z-index: 9999 !important; 7 inset: auto !important; 8 top: min(20vh, 160px) !important; 9 left: max(var(--margin), calc((100vw - 900px) / 2)) !important; 10 right: auto !important; 11 width: min(900px, calc(100vw - var(--margin) * 2)) !important; 12 min-width: 0 !important; 13 max-width: calc(100vw - var(--margin) * 2) !important; 14 margin: 0 !important; 15 padding: 0 !important; 16 translate: none !important; 17 opacity: 1 !important; 18 visibility: visible !important; 19 pointer-events: auto !important; 20 transition: none !important; 21 22 --urlbar-height: 50px; 23 --shy-urlbar-top: min(20vh, 160px); 24 min-height: 50px !important; 25 --urlbar-background-border-radius: var(--bigger-rounding); 26 --urlbar-background-inset-breakout: 0px; 27 --urlbar-background-inset-breakout-compact: 0px; 28 29 #urlbar-input {font-size: 20px !important;} 30 :is(#urlbar-input-container, .urlbar-input-container) { 31 height: 50px !important; 32 min-height: 50px !important; 33 } 34 :is(#urlbar-background, .urlbar-background) { 35 border-radius: var(--bigger-rounding) !important; 36 background-color: var(--toolbar-field-focus-background-color, var(--tb-col)) !important; 37 outline: 1px solid var(--shy-color) !important; 38 box-shadow: 0 8px 28px var(--shadow-col) !important; 39 } 40 .urlbarView { 41 max-height: calc(100dvh - min(20vh, 160px) - 80px) !important; 42 overflow-y: auto !important; 43 overscroll-behavior: contain; 44 } 45 46 &::before { 47 content: ""; 48 position: fixed; 49 inset: 0; 50 z-index: -1; 51 pointer-events: none; 52 background: color-mix(in srgb, var(--bg-col) 65%, transparent); 53 } 54 &[popover]::before {content: none;} 55 &::backdrop { 56 background: color-mix(in srgb, var(--bg-col) 65%, transparent); 57 pointer-events: none; 58 } 59 } 60 } 61 62 @media -moz-pref("shyfox.disable.floating.search") { 63 #urlbar { 64 --urlbar-height: calc(var(--toolbar-item-hgt) - 8px) !important; 65 min-height: var(--urlbar-height) !important; 66 :is(#urlbar-input-container, .urlbar-input-container) { 67 height: var(--urlbar-height) !important; 68 } 69 } 70 #main-window:not(:is([titlepreface*=""], [titlepreface*=""])) #urlbar[popover] { 71 top: 4px !important; 72 margin-block: 0 !important; 73 } 74 @media (max-width: 1000px) { 75 #main-window:not([customizing]) #urlbar:is([focused], :focus-within, [open], [breakout-extend]) { 76 left: var(--margin) !important; 77 width: calc(100vw - var(--margin) * 2) !important; 78 min-width: 0 !important; 79 max-width: calc(100vw - var(--margin) * 2) !important; 80 margin-inline: 0 !important; 81 } 82 } 83 }