Skip to content

Instantly share code, notes, and snippets.

@Tiamarth
Last active May 6, 2019 22:41
Show Gist options
  • Save Tiamarth/52ce21c8fd5557236b200f2d20b12ebd to your computer and use it in GitHub Desktop.
Save Tiamarth/52ce21c8fd5557236b200f2d20b12ebd to your computer and use it in GitHub Desktop.
Trying to get Vivaldi's tabs to horizontally scroll like Firefox's
#browser.tabs-top #tabs-container,
#browser.tabs-bottom #tabs-container {
overflow-y: hidden;
overflow-x: scroll;
margin-right: 90px;
margin-left: 35px;
padding-left: 0px !important;
}
#browser.tabs-top #tabs-container::-webkit-scrollbar,
#browser.tabs-bottom #tabs-container::-webkit-scrollbar {
display: none;
}
#browser.tabs-top #tabs-container .tab-strip,
#browser.tabs-bottom #tabs-container .tab-strip {
display: flex !important;
}
#browser.tabs-top #tabs-container .tab-position,
#browser.tabs-bottom #tabs-container .tab-position {
position: relative !important;
left: 0 !important;
top: 0 !important;
min-width: 70px;
}
#browser.tabs-top .tab-position .tab-header .title,
#browser.tabs-bottom .tab-position .tab-header {
min-width: 70px;
}
#browser.tabs-top #tabs-container .newtab,
#browser.tabs-bottom #tabs-container .newtab {
padding-left: 70px;
}
#browser.tabs-top #tabs-container .sync-and-trash-container,
#browser.tabs-bottom #tabs-container .sync-and-trash-container {
padding-left: 40px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment