Skip to content

Instantly share code, notes, and snippets.

@szarroug3
Created November 21, 2017 16:21
Show Gist options
  • Save szarroug3/2aaf6c129f4da7d288f00d6bb333c21c to your computer and use it in GitHub Desktop.
Save szarroug3/2aaf6c129f4da7d288f00d6bb333c21c to your computer and use it in GitHub Desktop.
Moves vivaldi's window button group to the same line as the address bar -- found here: https://www.reddit.com/r/vivaldibrowser/comments/6yaxc5/refinement_move_the_vivaldi_button_to_the/dmn0ma9/
/* Remove header */
:-webkit-any(.native, .maximized)#browser #header {
min-height: 0 !important;
}
/* Keep Vivaldi button */
:-webkit-any(.native, .maximized)#browser .vivaldi {
z-index: 1;
top: 5px !important;
}
/* Keep horizontal menu */
:-webkit-any(.native, .maximized)#browser .topmenu {
position: absolute;
}
/* Reduce toolbar size for vivialdi button */
:-webkit-any(.native, .maximized)#browser:not(.tabs-top) .toolbar.toolbar-addressbar {
padding-left: 24px;
}
/* Reduce toolbar size for horizontal menu */
:-webkit-any(.native, .maximized).horizontal-menu#browser:not(.tabs-top) .toolbar.toolbar-addressbar {
padding-left: 267px;
}
/* Non-Native window fixes */
/* Keep window buttons */
.maximized#browser .window-buttongroup {
z-index: 1;
}
/* Reduce toolbar size for window buttons */
.maximized#browser:not(.native):not(.tabs-top) .toolbar.toolbar-addressbar {
padding-right: 140px;
}
/* Adjust horizontal menu position */
.maximized#browser:not(.native) .topmenu {
left: -30px;
}
/* Remove vivaldi button, horizontal menu and window buttons when no ui */
.maximized.minimal-ui#browser :-webkit-any(.vivaldi, .topmenu, .window-buttongroup) {
display: none !important;
}
/* Tabs on top fixes */
/* Maximized not Native - Reduce tab bar size for horizontal menu and window buttons */
.maximized.horizontal-menu#browser:not(.native) #tabs-container.top {
padding-left: 276px !important;
padding-right: 140px !important;
}
/* Native - Reduce tab bar size for horizontal menu and window buttons */
.native.horizontal-menu#browser #tabs-container.top {
padding-left: 276px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment