dotfiles/treestyletab.css at master · ultrafez/dotfiles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/* Show title of unread tabs with red and italic font */

:root.sidebar tab-item.unread .label-content {
  color: red !important;
  font-style: italic !important;
}


/* Add private browsing indicator per tab */
/*
:root.sidebar tab-item.private-browsing tab-label:before {
  content: "🕶";
}
*/

/* tweaks for font size and spacing */
tab-item-substance {
  font-size: 14px;
  --tab-vertical-padding: 0.25em;
  --tab-dropshadow-padding: 0;
}

/* make the child expander almost take up no space as I don't use tree tabs */
tab-item tab-twisty {
  margin-right: -0.75em;
}

/* show scrollbar on the rigth hand side */
:root.left #tabbar {
  direction: ltr;
  overflow-x: hidden;
}

/* hide scrollbar until hovering over tabs */
#tabbar.overflow #normal-tabs-container { scrollbar-width: none; }
#tabbar.overflow #pinned-tabs-container { scrollbar-width: none; }

#tabbar.overflow:hover #normal-tabs-container {
  scrollbar-width: auto;
}
#tabbar.overflow:hover #normal-tabs-container ul.tabs {
  margin-right: -15px;
}
#tabbar.overflow:hover #pinned-tabs-container {
  scrollbar-width: auto;
}
#tabbar.overflow:hover #pinned-tabs-container ul.tabs {
  margin-right: -15px;
}

/* only show close tab button on hover */
#tabbar tab-item tab-item-substance:not(:hover) tab-closebox {
  display: none;
}
#tabbar tab-item tab-item-substance:hover tab-closebox {
  display: block;
}