-
Notifications
You must be signed in to change notification settings - Fork 276
/
drag-and-drop.css
118 lines (98 loc) · 2.58 KB
/
drag-and-drop.css
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
@charset "UTF-8";
/*
# 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/.
*/
:root {
--tab-dropmarker-size: 0.15em;
--tab-dropmarker: -moz-fieldtext;
}
tab-item.dragging {
opacity: 0.5 !important;
}
tab-item[data-drop-position="self"] tab-item-substance {
outline: var(--tab-dropmarker-size) solid var(--tab-dropmarker) !important;
outline-offset: calc(0px - var(--tab-dropmarker-size));
-moz-outline-radius: calc(var(--tab-dropmarker-size) * 2);
}
tab-item[data-drop-position]:not([data-drop-position="self"]) tab-item-substance::before {
content: "";
display: block;
max-height: var(--tab-dropmarker-size);
min-height: var(--tab-dropmarker-size);
background: var(--tab-dropmarker) !important;
border-radius: var(--tab-dropmarker-size);
overflow: hidden;
position: absolute;
z-index: var(--tab-drop-marker-z-index);
}
tab-item[data-drop-position]:not([data-drop-position="self"]).faviconized tab-item-substance::before {
max-height: none;
max-width: var(--tab-dropmarker-size);
min-height: 0;
min-width: var(--tab-dropmarker-size);
}
tab-item:not(.faviconized)[data-drop-position="before"] tab-item-substance::before {
left: 0;
right: 0;
top: 0;
}
tab-item:not(.faviconized)[data-drop-position="after"] tab-item-substance::before {
bottom: 0;
left: 0;
right: 0;
}
tab-item.faviconized[data-drop-position="before"] tab-item-substance::before {
bottom: 0;
left: 0;
top: 0;
}
tab-item.faviconized[data-drop-position="after"] tab-item-substance::before {
bottom: 0;
right: 0;
top: 0;
}
.tab-drop-blocker {
display: none;
min-height: calc(var(--favicon-size) / 5);
min-width: calc(var(--favicon-size) / 5);
position: fixed;
z-index: var(--blocking-ui-z-index);
}
:root.debug .tab-drop-blocker {
background: rgba(255, 0, 0, 0.5);
}
:root.tab-dragging .tab-drop-blocker,
:root.link-dragging .tab-drop-blocker {
display: block;
}
.tab-drop-blocker#tab-drop-blocker-top {
left: 0;
right: 0;
top: 0;
}
.tab-drop-blocker#tab-drop-blocker-right {
bottom: 0;
right: 0;
top: 0;
}
.tab-drop-blocker#tab-drop-blocker-bottom {
bottom: 0;
left: 0;
right: 0;
}
.tab-drop-blocker#tab-drop-blocker-left {
bottom: 0;
left: 0;
top: 0;
}
/* notification message */
#notification_tab-drag-behavior-description {
white-space: nowrap;
animation: marquee linear 20s infinite;
}
@keyframes marquee {
0% { left: 100%; transform: translateX(0); }
100% { left: 0; transform: translateX(-100%); }
}