Skip to content

Instantly share code, notes, and snippets.

@rolltidehero

rolltidehero/add-rows.css

Created March 16, 2022 16:34
Show Gist options
  • Save rolltidehero/61fe1d40af58242b335d6ee5c2ecf647 to your computer and use it in GitHub Desktop.
Save rolltidehero/61fe1d40af58242b335d6ee5c2ecf647 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
add-rows.css
/* multi-row extensions toolbar */.address-top .toolbar-extensions {position: absolute; top: 34px; left: unset !important; right: 3px !important; box-shadow: 4px 0 var(--colorBg); display: flex; flex-flow: row wrap; max-width: 100%; border-radius: 0 0 0 var(--radius); z-index:0; transition: visibility 0s .1s !important;}.address-top #header:not(:hover) ~ #main .UrlBar:not(:focus-within):not(:hover) .toolbar-extensions:not(:focus-within):not(:hover) {visibility: hidden; transition: visibility 0s .7s !important;}.address-top.color-behind-tabs-off .toolbar-extensions {box-shadow: 4px 0 var(--colorAccentBg);}.toolbar-extensions:not(:focus-within):not(:hover) {box-shadow: none; opacity: .5; background: transparent;}.toolbar-extensions .ExtensionIcon--Hidden {order:1; background: transparent;}.toolbar-extensions .ExtensionIcon--Hidden:hover {border-radius: 50%; background: transparent; transition: .3s ease-out !important;}.toolbar-extensions > .button-toolbar:not(.ExtensionIcon) {order:99;}.toolbar-extensions:after {display:none !important;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment