Skip to content

Commit f2a4297

Browse files
piroorpiroor
committed
Use LF instead of CR+LF
1 parent 5575bd0 commit f2a4297

File tree

2 files changed

+233
-233
lines changed

2 files changed

+233
-233
lines changed

‎webextensions/sidebar/styles/photon/base.css

+156-156
Original file line numberDiff line numberDiff line change
@@ -1,156 +1,156 @@
1-
/*
2-
# This Source Code Form is subject to the terms of the Mozilla Public
3-
# License, v. 2.0. If a copy of the MPL was not distributed with this
4-
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
5-
*/
6-
7-
tab-item-substance,
8-
.after-tabs button,
9-
.after-tabs [role="button"] {
10-
border: 1px solid var(--tab-border);
11-
border-width: 1px 0;
12-
padding: 0.3em 0.25em;
13-
}
14-
tab-item,
15-
.after-tabs button,
16-
.after-tabs [role="button"] {
17-
margin-bottom: -1px;
18-
}
19-
20-
tab-item.pinned tab-item-substance {
21-
border-width: 0 1px 1px 0;
22-
}
23-
24-
25-
.after-tabs button,
26-
.after-tabs [role="button"] {
27-
padding: 0em;
28-
}
29-
30-
#tabbar + .after-tabs button,
31-
#tabbar + .after-tabs [role="button"] {
32-
border-bottom: none;
33-
}
34-
35-
36-
:root.left tab-item:not(.pinned) tab-item-substance,
37-
:root.left .after-tabs button:not([data-menu-ui]),
38-
:root.left .after-tabs [role="button"]:not([data-menu-ui]) {
39-
padding-right: 0.35em;
40-
}
41-
:root.left tab-item:not(.pinned)[data-parent-id] tab-item-substance {
42-
border-left-width: 1px;
43-
}
44-
45-
:root.right tab-item:not(.pinned) tab-item-substance,
46-
:root.right .after-tabs button:not([data-menu-ui]),
47-
:root.right .after-tabs [role="button"]:not([data-menu-ui]) {
48-
padding-left: 0.35em;
49-
}
50-
:root.right tab-item:not(.pinned)[data-parent-id] tab-item-substance {
51-
border-right-width: 1px;
52-
}
53-
54-
#tabbar tab-item.pinned + tab-item:not(.pinned) tab-item-substance,
55-
#tabbar tab-item:not(.pinned):first-of-type tab-item-substance {
56-
border-top: none;
57-
}
58-
59-
:root.have-pinned-tabs #tabbar {
60-
border-top: 1px solid var(--tab-border);
61-
}
62-
63-
64-
tab-item tab-label {
65-
margin-left: 0.25em;
66-
padding: 0 0 0.25em 0;
67-
}
68-
69-
tab-item tab-favicon {
70-
margin-bottom: 0.25em;
71-
margin-top: 0.25em;
72-
}
73-
74-
tab-item {
75-
--tab-closebox-offset: calc((var(--tab-size) - 1em) / 2);
76-
--tab-closebox-negative-offset: calc((1em - var(--tab-size)) / 2);
77-
}
78-
79-
/* expand closebox to fill full height of tab */
80-
tab-item tab-closebox {
81-
margin-bottom: var(--tab-closebox-negative-offset);
82-
margin-top: var(--tab-closebox-negative-offset);
83-
padding: var(--tab-closebox-offset) 0.25em;
84-
}
85-
86-
tab-item tab-closebox::before,
87-
tab-item:not(.faviconized) tab-sound-button::before {
88-
border-radius: 10%;
89-
content: "";
90-
display: inline-block;
91-
height: calc(var(--svg-small-icon-size) + 0.2em);
92-
margin-left: -0.1em;
93-
margin-top: -0.1em;
94-
width: calc(var(--svg-small-icon-size) + 0.2em);
95-
position: absolute;
96-
}
97-
98-
tab-item tab-closebox:hover::before,
99-
tab-item:not(.faviconized) tab-sound-button:hover::before {
100-
background: var(--tab-text);
101-
box-shadow: 0 0 0.1em rgba(255, 255, 255, 0.3);
102-
opacity: 0.1;
103-
}
104-
105-
tab-item tab-closebox:active::before,
106-
tab-item:not(.faviconized) tab-sound-button:active::before {
107-
opacity: 0.2;
108-
}
109-
110-
tab-item.active tab-closebox:hover::before,
111-
tab-item:not(.faviconized).active tab-sound-button:hover::before {
112-
background: var(--tab-text);
113-
}
114-
115-
tab-item tab-closebox::after {
116-
position: relative;
117-
}
118-
119-
/* This is required to avoid needless padding in the scrollbox produced by the box-shadow.
120-
See also: https://github.com/piroor/treestyletab/issues/3364 */
121-
#tabbar.overflow tab-item:not(.pinned).last-visible,
122-
#tabbar.overflow tab-item:not(.pinned).last-visible ~ tab-item {
123-
overflow: hidden;
124-
}
125-
126-
127-
/* multiselection of tabs */
128-
129-
:root {
130-
--multiselected-color: Highlight;
131-
}
132-
133-
:root.mutiple-highlighted tab-item.highlighted tab-item-substance::after {
134-
background: var(--multiselected-color);
135-
bottom: 0;
136-
content: " ";
137-
display: block;
138-
left: 0;
139-
opacity: var(--multiselected-color-opacity);
140-
pointer-events: none;
141-
position: absolute;
142-
right: 0;
143-
top: 0;
144-
z-index: 10;
145-
}
146-
147-
148-
/* show more-highlighter like as tree */
149-
150-
tab-item:not(.faviconized) .highlighter::after {
151-
top: calc(var(--tab-highlighter-size) * 2);
152-
}
153-
154-
tab-item[data-child-ids].subtree-collapsed.highlighted.some-descendants-highlighted .highlighter::after {
155-
width: calc(var(--tab-highlighter-size) * 2);
156-
}
1+
/*
2+
# This Source Code Form is subject to the terms of the Mozilla Public
3+
# License, v. 2.0. If a copy of the MPL was not distributed with this
4+
# file, You can obtain one at http://mozilla.org/MPL/2.0/.
5+
*/
6+
7+
tab-item-substance,
8+
.after-tabs button,
9+
.after-tabs [role="button"] {
10+
border: 1px solid var(--tab-border);
11+
border-width: 1px 0;
12+
padding: 0.3em 0.25em;
13+
}
14+
tab-item,
15+
.after-tabs button,
16+
.after-tabs [role="button"] {
17+
margin-bottom: -1px;
18+
}
19+
20+
tab-item.pinned tab-item-substance {
21+
border-width: 0 1px 1px 0;
22+
}
23+
24+
25+
.after-tabs button,
26+
.after-tabs [role="button"] {
27+
padding: 0em;
28+
}
29+
30+
#tabbar + .after-tabs button,
31+
#tabbar + .after-tabs [role="button"] {
32+
border-bottom: none;
33+
}
34+
35+
36+
:root.left tab-item:not(.pinned) tab-item-substance,
37+
:root.left .after-tabs button:not([data-menu-ui]),
38+
:root.left .after-tabs [role="button"]:not([data-menu-ui]) {
39+
padding-right: 0.35em;
40+
}
41+
:root.left tab-item:not(.pinned)[data-parent-id] tab-item-substance {
42+
border-left-width: 1px;
43+
}
44+
45+
:root.right tab-item:not(.pinned) tab-item-substance,
46+
:root.right .after-tabs button:not([data-menu-ui]),
47+
:root.right .after-tabs [role="button"]:not([data-menu-ui]) {
48+
padding-left: 0.35em;
49+
}
50+
:root.right tab-item:not(.pinned)[data-parent-id] tab-item-substance {
51+
border-right-width: 1px;
52+
}
53+
54+
#tabbar tab-item.pinned + tab-item:not(.pinned) tab-item-substance,
55+
#tabbar tab-item:not(.pinned):first-of-type tab-item-substance {
56+
border-top: none;
57+
}
58+
59+
:root.have-pinned-tabs #tabbar {
60+
border-top: 1px solid var(--tab-border);
61+
}
62+
63+
64+
tab-item tab-label {
65+
margin-left: 0.25em;
66+
padding: 0 0 0.25em 0;
67+
}
68+
69+
tab-item tab-favicon {
70+
margin-bottom: 0.25em;
71+
margin-top: 0.25em;
72+
}
73+
74+
tab-item {
75+
--tab-closebox-offset: calc((var(--tab-size) - 1em) / 2);
76+
--tab-closebox-negative-offset: calc((1em - var(--tab-size)) / 2);
77+
}
78+
79+
/* expand closebox to fill full height of tab */
80+
tab-item tab-closebox {
81+
margin-bottom: var(--tab-closebox-negative-offset);
82+
margin-top: var(--tab-closebox-negative-offset);
83+
padding: var(--tab-closebox-offset) 0.25em;
84+
}
85+
86+
tab-item tab-closebox::before,
87+
tab-item:not(.faviconized) tab-sound-button::before {
88+
border-radius: 10%;
89+
content: "";
90+
display: inline-block;
91+
height: calc(var(--svg-small-icon-size) + 0.2em);
92+
margin-left: -0.1em;
93+
margin-top: -0.1em;
94+
width: calc(var(--svg-small-icon-size) + 0.2em);
95+
position: absolute;
96+
}
97+
98+
tab-item tab-closebox:hover::before,
99+
tab-item:not(.faviconized) tab-sound-button:hover::before {
100+
background: var(--tab-text);
101+
box-shadow: 0 0 0.1em rgba(255, 255, 255, 0.3);
102+
opacity: 0.1;
103+
}
104+
105+
tab-item tab-closebox:active::before,
106+
tab-item:not(.faviconized) tab-sound-button:active::before {
107+
opacity: 0.2;
108+
}
109+
110+
tab-item.active tab-closebox:hover::before,
111+
tab-item:not(.faviconized).active tab-sound-button:hover::before {
112+
background: var(--tab-text);
113+
}
114+
115+
tab-item tab-closebox::after {
116+
position: relative;
117+
}
118+
119+
/* This is required to avoid needless padding in the scrollbox produced by the box-shadow.
120+
See also: https://github.com/piroor/treestyletab/issues/3364 */
121+
#tabbar.overflow tab-item:not(.pinned).last-visible,
122+
#tabbar.overflow tab-item:not(.pinned).last-visible ~ tab-item {
123+
overflow: hidden;
124+
}
125+
126+
127+
/* multiselection of tabs */
128+
129+
:root {
130+
--multiselected-color: Highlight;
131+
}
132+
133+
:root.mutiple-highlighted tab-item.highlighted tab-item-substance::after {
134+
background: var(--multiselected-color);
135+
bottom: 0;
136+
content: " ";
137+
display: block;
138+
left: 0;
139+
opacity: var(--multiselected-color-opacity);
140+
pointer-events: none;
141+
position: absolute;
142+
right: 0;
143+
top: 0;
144+
z-index: 10;
145+
}
146+
147+
148+
/* show more-highlighter like as tree */
149+
150+
tab-item:not(.faviconized) .highlighter::after {
151+
top: calc(var(--tab-highlighter-size) * 2);
152+
}
153+
154+
tab-item[data-child-ids].subtree-collapsed.highlighted.some-descendants-highlighted .highlighter::after {
155+
width: calc(var(--tab-highlighter-size) * 2);
156+
}

0 commit comments

Comments
 (0)