forked from sagars007/firefox-vertical-tabs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
floatingFindbarOnTop.css
103 lines (93 loc) · 2.63 KB
/
floatingFindbarOnTop.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
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This style makes findbar appear as floating box at the top-left of the content area.
* If you want the findbar on right side instead then create a new pref
* userchrome.floating-findbar-on-right.enabled and set it to true and restart Firefox
*
* Note that privacy.resistFingerprinting.letterboxing prevents this from working properly
*/
findbar {
order: -1;
margin-bottom: -33px;
position: relative;
border-top: none !important;
padding: 0 !important;
transition: transform 82ms linear, opacity 82ms linear 32ms !important;
background: none !important;
pointer-events: none;
z-index: 1;
white-space: nowrap;
}
.findbar-container > .findbar-find-fast {
padding: var(--toolbarbutton-inner-padding) 1px;
margin: 0 !important;
}
findbar[hidden] {
transform: translateY(-30px);
}
findbar > .findbar-container,
findbar > .close-icon {
border: 1px solid var(--chrome-content-separator-color);
border-width: 0 0 1px 0px;
background-color: var(--lwt-accent-color) !important;
background-image: linear-gradient(
var(--toolbar-bgcolor),
var(--toolbar-bgcolor)
),
var(--lwt-header-image, none);
pointer-events: auto;
}
findbar > .findbar-container {
border-bottom-right-radius: 4px;
border-right-width: 1px;
height: initial !important;
margin-inline: 0px !important;
overflow-inline: visible !important;
}
.findbar-find-status {
display: flex;
overflow: hidden;
text-overflow: ellipsis;
flex-grow: 1;
}
.findbar-closebutton {
margin: 0 !important;
border-radius: 0 !important;
padding: 5px !important;
width: initial !important;
order: -1;
}
.findbar-closebutton > image {
padding: 3px;
}
.findbar-closebutton:hover > image {
background: var(--toolbarbutton-hover-background) !important;
border-radius: 4px;
}
findbar > .findbar-container > hbox {
margin: 0 5px;
}
findbar::after {
content: "";
display: flex;
flex-grow: 100;
}
@media (-moz-bool-pref: "userchrome.floating-findbar-on-right.enabled") {
findbar {
flex-direction: row-reverse;
}
findbar > .findbar-container {
flex-direction: row-reverse;
border-inline-width: 1px 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 4px;
}
/*
Move findbar so it isn't over the scrollbar
Delete if you want findbar to begin from right window edge
*/
findbar {
margin-right: 16px;
border-right: 1px solid var(--chrome-content-separator-color);
}
}