Skip to content

Instantly share code, notes, and snippets.

@strobe
Last active January 31, 2019 13:12
Show Gist options
  • Save strobe/ac3a2fce3b4827f41dce7bd0f032017f to your computer and use it in GitHub Desktop.
Save strobe/ac3a2fce3b4827f41dce7bd0f032017f to your computer and use it in GitHub Desktop.
firefox-tree-style-tabs-macos

see alexandru - Tree Style Tab gist

/* Compact top bar tabs */

[uidensity="compact"]:root {
  --tab-min-height: 22px !important;
  --newtab-margin: -3px 0 -3px -3px !important;
}

:root[uidensity="compact"] #tabbrowser-tabs {
  --tab-min-height: var(--tab-min-height) !important;
}

.tabbrowser-tab {
  max-height: var(--tab-min-height) !important;
}

.tabs-newtab-button{
  margin: var(--newtab-margin) !important;
}

/* hide tabs from tabs bar */

.tabbrowser-tabs {
  height: 22px !important;
  visibility: collapse;
}

#tabbrowser-tabs {
  visibility: collapse;
  height: 22px !important;
}

/* Hide side bar header */
@-moz-document url("chrome://browser/content/browser.xul") {

  #sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    visibility: collapse !important;
  }

}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment