-
-
Notifications
You must be signed in to change notification settings - Fork 3
/
sliding-bookmarks-bar.css
80 lines (69 loc) · 2.22 KB
/
sliding-bookmarks-bar.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
/* ----------------------------- */
/* Firefox Sliding Bookmarks Bar */
/* ----------------------------- */
:root {
--toolbar-offset-height: 42px;
}
#PersonalToolbar:not([customizing]) {
position: absolute !important;
bottom: 0 !important;
padding-bottom: 5px !important;
height: auto !important;
width: 100% !important;
border: none !important;
border-bottom: 0.01px var(--tabs-navbar-separator-style) ThreeDShadow !important;
box-shadow: 0 1px 0 0 light-dark(rgba(0,0,0,0),rgba(0,0,0,0));
transform: translateY(0%) scaleY(1);
transform-origin: center bottom;
transition: transform cubic-bezier(.05,.79,.15,1) 0.3s !important;
z-index: 2;
}
#PersonalToolbar:not([customizing]) #personal-bookmarks {
opacity: 0;
transform: translateY(100%) scaleY(1);
transform-origin: center bottom;
transition: opacity 0.15s, transform cubic-bezier(.05,.79,.15,1) 0.3s;
}
/* prevent 1px border in selected tab */
#titlebar {
z-index: 4 !important;
}
#nav-bar {
z-index: 3 !important;
}
/* bring up nav-bar z-index when megabar is open */
#nav-bar[urlbar-exceeds-toolbar-bounds="true"] {
z-index: 5 !important;
}
.tabbrowser-tab[selected="true"] {
z-index: 4 !important;
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing]) {
position: absolute !important;
transform: translateY(100%) scaleY(1);
box-shadow: 0 1px 0 0 light-dark(rgba(0,0,0,0.2),rgba(0,0,0,0.9));
}
#navigator-toolbox:has(toolbarbutton[open="true"]) > #PersonalToolbar:not([customizing]) {
position: absolute !important;
transform: translateY(100%) scaleY(1);
}
#navigator-toolbox:hover > #PersonalToolbar:not([customizing]) #personal-bookmarks {
transform: translateY(0%) scaleY(1);
opacity: 1;
}
#navigator-toolbox:has(toolbarbutton[open="true"]) > #PersonalToolbar:not([customizing]) #personal-bookmarks {
transform: translateY(0%) scaleY(1);
opacity: 1;
}
/* z-index override for notification bar */
.notificationbox-stack[notificationside="top"] {
z-index: 2 !important;
}
#PlacesToolbarItems > toolbarseparator:before {
opacity: 0.8 !important;
}
.bookmark-item > .toolbarbutton-icon,
.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
will-change: transform !important;
image-rendering: optimizequality !important;
}