text userChrome.css

Posted 2021-05-02

/*#region Vivaldi */
#browser:not(.is-settingspage) > #header {
  min-height: 0 !important;
  height: 0;
}

#panels-container #panels > #switch {
  -webkit-app-region: drag;
}

#browser {
  --drag-area-height: 10px;
  --trafficlights-width: 100px;
}

.popup .window-buttongroup:after,
.address-top .window-buttongroup:after {
  position: absolute;  
  top: 100%; bottom: calc(-1 * var(--drag-area-height));
  left: 0; right: 0;
  content: '';
  -webkit-app-region: drag;
}

.popup .toolbar-addressbar,
.address-top .toolbar-addressbar {
  padding-right: var(--trafficlights-width);
}

.popup .window-buttongroup,
.address-top .window-buttongroup {
  z-index: 1;
}

/*#region*/
/*unhide webpanel when toggle off (only hide the vertical buttons) */
.inner > #panels-container.switcher {
  width: unset !important;
}

#panels-container.switcher > #panels > #switch {
  display: none;
}

#panels-container.switcher .panel-group > .panel-collapse-guard,
#panels-container.switcher .webpanel-stack > .webpanel {
  visibility: visible !important;
}
/*#endregion*/

.webpanel.visible > .webpanel-header {
  display: none !important;
}
/*#endregion Vivaldi */

/*#region Firefox */
#TabsToolbar, #sidebar-header {
  visibility: collapse;
}

#main-window:not([inFullscreen]) toolbar {
  padding: 0 128px;
}