summaryrefslogtreecommitdiffstats
path: root/comm/mail/themes/linux/mail/tabmail.css
blob: 9e72bbf66afde24bde43d650111f84c6dec0838a (plain)
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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

@import url("chrome://messenger/skin/shared/tabmail.css");

/**
 * Tabmail Tabs
 */

:root:not([tabsintitlebar]) #navigation-toolbox:not(:-moz-lwtheme) {
  appearance: auto;
  -moz-default-appearance: menubar;
}

#tabs-toolbar {
  -moz-window-dragging: drag;
  padding-block-end: 0;
}

#tabs-toolbar:not(:-moz-lwtheme) {
  color: -moz-menubartext;
}

#tabpanelcontainer:-moz-lwtheme {
  color: inherit;
}

tabpanels {
  appearance: none;
  background-color: transparent;
}

/**
 * Tab
 */

.tabmail-tab .tab-label-container {
  /* tabmail-tab focus ring */
  border: 1px dotted transparent;
  margin: -1px !important; /* let the border not consume any space, like outline */
}

.tabmail-tab[selected]:focus .tab-label-container {
  border-color: -moz-DialogText;
}

/**
 * Tab Scrollbox Arrow Buttons
 */

#tabmail-arrowscrollbox::part(scrollbutton-up),
#tabmail-arrowscrollbox::part(scrollbutton-down) {
  padding: 3px !important;
  border-style: none !important;
}

#tabmail-arrowscrollbox:not([scrolledtostart=true])::part(scrollbutton-up):hover,
#tabmail-arrowscrollbox:not([scrolledtoend=true])::part(scrollbutton-down):hover {
  background: var(--toolbarbutton-active-background);
}

#tabmail-arrowscrollbox[scrolledtostart=true]::part(scrollbutton-up),
#tabmail-arrowscrollbox[scrolledtoend=true]::part(scrollbutton-down) {
  --toolbarbutton-icon-fill-opacity: .4;
}

/**
 * All Tabs Menupopup
 */

.tabs-alltabs-button {
  min-width: 24px;
  padding-right: 1px;
  padding-left: 1px;
}

.tabs-alltabs-button > .toolbarbutton-icon {
  margin-inline-end: 0;
}

.alltabs-item > .menu-iconic-left {
  visibility: visible !important;
}

/* Content Tabs */
.contentTabAddress {
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
}