[Vivaldi Mod] Extensions in left pane and auto hide address bar/show on hover | Part 1/2: CSS
Sun Dec 26 2021 03:26:41 GMT+0000 (Coordinated Universal Time)
Saved by
@pirate
/* list extensions toolbar icons in vertical */
.toolbar-extensions {
flex-direction: column;
}
/* make extension popup visible on left pane */
#switch {
contain: size;
}
/* position extension popup */
.extension-popup {
left: 34px !important;
top: 15% !important;
box-shadow: 0px 0px 10px 2px #00000075;
}
/* remove top arrow from extension popup */
.extension-popup:before, .extension-popup:after {
display: none !important;
}
/* put address bar on bottom and hide */
.toolbar-addressbar {
order: 2;
transition: transform .2s;
position: fixed;
bottom: 22px;
width: 100%;
transform: translate3d(0, 50px, 0);
}
/* reveal on hover */
.toolbar-addressbar.show-addressbar, .toolbar-addressbar:hover {
transform: translate3d(0, 0, 0);
}
content_copyCOPY
https://forum.vivaldi.net/topic/46730/mod-extensions-in-left-pane-and-auto-hide-address-bar-show-on-hover/1
Comments