this repo has no description
fix: firefox config works with new version
+60
-25
+60
-25
home/profiles/firefox/userChrome.css
+60
-25
home/profiles/firefox/userChrome.css
···
8
8
/*** NAV BAR ***/
9
9
/* Hide urlbar */
10
10
#nav-bar {
11
-
position: relative !important;
12
-
z-index: 2 !important;
13
-
height: 2px !important;
14
-
min-height: 2px !important;
15
-
margin-bottom: -2px !important;
16
-
opacity: 0 !important;
17
-
border: none !important;
11
+
/* customize this value. */
12
+
--navbar-margin: -55px;
13
+
14
+
margin-top: var(--navbar-margin);
15
+
margin-bottom: 0;
16
+
z-index: -100;
17
+
transition: all 0.3s ease !important;
18
+
opacity: 0;
19
+
}
20
+
21
+
#navigator-toolbox:focus-within > #nav-bar,
22
+
#navigator-toolbox:hover > #nav-bar
23
+
{
24
+
margin-top: 0;
25
+
margin-bottom: var(--navbar-margin);
26
+
z-index: 100;
27
+
opacity: 1;
28
+
}
29
+
30
+
#main-window[chromehidden*="toolbar"] {
31
+
visibility: collapse;
32
+
height: -55px !important;
33
+
min-height: -55px !important;
18
34
}
19
35
20
36
/* But unfocus it when we invoke it with ctrl+L */
···
53
69
.tabbrowser-tab[visuallyselected="true"] {
54
70
visibility: collapse;
55
71
}
56
-
57
-
/* Credits to https://github.com/MrOtherGuy for hthe following snippet*/
58
-
59
72
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
60
73
See the above repository for updates as well as full license text. */
61
74
62
-
/* Show sidebar only when the cursor is over it */
75
+
/* Show sidebar only when the cursor is over it */
63
76
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
64
77
65
78
#sidebar-box{
66
-
--uc-sidebar-width: 44px; /* Only thing I (gale) changed */
79
+
--uc-sidebar-width: 40px;
67
80
--uc-sidebar-hover-width: 210px;
68
81
--uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */
82
+
--uc-autohide-transition-duration: 115ms;
83
+
--uc-autohide-transition-type: linear;
84
+
--browser-area-z-index-sidebar: 3;
69
85
position: relative;
70
86
min-width: var(--uc-sidebar-width) !important;
71
87
width: var(--uc-sidebar-width) !important;
72
88
max-width: var(--uc-sidebar-width) !important;
73
-
z-index:1;
89
+
z-index: var(--browser-area-z-index-sidebar,3);
74
90
}
75
-
76
91
#sidebar-box[positionend]{ direction: rtl }
77
92
#sidebar-box[positionend] > *{ direction: ltr }
78
93
···
83
98
84
99
#sidebar-splitter{ display: none }
85
100
86
-
#sidebar-header{ overflow: hidden; /*color: var(--chrome-color, inherit) !important*/}
101
+
#sidebar-header{
102
+
overflow: hidden;
103
+
color: var(--chrome-color, inherit) !important;
104
+
padding-inline: 0 !important;
105
+
}
106
+
107
+
#sidebar-header::before,
108
+
#sidebar-header::after{
109
+
content: "";
110
+
display: flex;
111
+
padding-left: 8px;
112
+
}
87
113
114
+
#sidebar-header,
88
115
#sidebar{
89
-
transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
116
+
transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
90
117
min-width: var(--uc-sidebar-width) !important;
91
118
will-change: min-width;
92
119
}
93
-
94
-
#sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; transition-delay: 0ms !important }
120
+
#sidebar-box:hover > #sidebar-header,
121
+
#sidebar-box:hover > #sidebar{
122
+
min-width: var(--uc-sidebar-hover-width) !important;
123
+
transition-delay: 0ms !important;
124
+
}
95
125
96
126
.sidebar-panel{
97
-
/*background-color: transparent !important;
98
-
color: var(--newtab-text-primary-color) !important;*/
127
+
background-color: transparent !important;
128
+
color: var(--newtab-text-primary-color) !important;
99
129
}
100
130
101
131
.sidebar-panel #search-box{
102
132
-moz-appearance: none !important;
103
-
/*background-color: rgba(249,249,250,0.1) !important;
133
+
background-color: rgba(249,249,250,0.1) !important;
104
134
color: inherit !important;
105
-
*/
106
135
}
107
136
108
137
/* Add sidebar divider and give it background */
109
138
110
139
#sidebar,
111
140
#sidebar-header{
112
-
/*background-color: inherit !important;*/
141
+
background-color: inherit !important;
113
142
border-inline: 1px solid rgb(80,80,80);
114
143
border-inline-width: 0px 1px;
115
144
}
···
121
150
122
151
/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */
123
152
124
-
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{ inset-inline: auto 0px !important; }
125
-
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{ margin-inline: 0px !important; border-left-style: solid !important; }
153
+
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
154
+
inset-inline: auto 0px !important;
155
+
}
156
+
#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
157
+
margin-inline: 0px !important;
158
+
border-left-style: solid !important;
159
+
}
160
+