Skip to content

Commit d22758a

Browse files
QNetITQQNetITQ
authored
Merge pull request #270 from QNetITQ/WaveFox-Nightly
WaveFox v1.8.144
2 parents 113f514 + 61efa90 commit d22758a

File tree

8 files changed

+270
-25
lines changed

8 files changed

+270
-25
lines changed

‎README.md‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@
99
[Download Firefox](https://www.mozilla.org/en-US/firefox/all/#product-desktop-release) / [Download WaveFox](https://github.com/QNetITQ/WaveFox/releases) / [WaveFox Nightly](https://github.com/QNetITQ/WaveFox/tree/WaveFox-Nightly)
1010

1111
<details>
12-
<summary>WaveFox v1.8.143</summary>
12+
<summary>WaveFox v1.8.144</summary>
1313

1414
- ##### Minimum Requirements
15-
- Firefox 143
15+
- Firefox 144
1616
- Windows / MacOS / Linux
1717

1818
- Download the `chrome` folder and put it in your user profile folder
@@ -180,7 +180,12 @@ Works only with system theme. Requires transparency support from the operating s
180180
### Floating Web Page (Vertical tabs)
181181
<img width="1780" height="873" alt="изображение" src="https://github.com/user-attachments/assets/a9bc4d90-1b3e-4707-b805-67fe449dcbd2" />
182182

183-
- `WaveFox.VerticalTabs.WebPage.Floating.Enabled`
183+
- `WaveFox.VerticalTabs.WebPage.Floating` > 1 or 2 or 3
184+
185+
### Experimental
186+
187+
Disables the ability to pin tabs by dragging. Some users find this feature annoying.
188+
- `WaveFox.Experimental.Tabs.Pin_By_Dragging.Disabled`
184189

185190
</details>
186191

‎chrome/modules/general_styles/wavefox_experimental_functions.css‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
/* Disables the pinning feature for tabs when dragging */
2+
3+
@media -moz-pref("WaveFox.Experimental.Tabs.Pin_By_Dragging.Disabled")
4+
{
5+
#pinned-drop-indicator
6+
{
7+
display: none !important;
8+
}
9+
}
10+
11+
/* Disable dragging tabs between panels */
12+
/*
13+
@media -moz-pref("WaveFox.Experimental.Tabs.Pin_And_Unpin_By_Dragging.Disabled")
14+
{
15+
#pinned-tabs-container:has(.tabbrowser-tab[dragtarget]) ~ #tabbrowser-arrowscrollbox,
16+
#pinned-tabs-container:has(~ #tabbrowser-arrowscrollbox > .tabbrowser-tab[dragtarget])
17+
{
18+
pointer-events: none !important;
19+
}
20+
}
21+
*/
22+
23+
/* Removing the browser panel in PWA mode */
24+
/*
25+
:root[taskbartab] #navigator-toolbox
26+
{
27+
display: none !important;
28+
}
29+
*/

‎chrome/modules/horizontal_tabs/wavefox_tabs.css‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -339,10 +339,12 @@
339339
}
340340
}
341341

342+
/*
342343
#tabbrowser-tabs[overflow] .tab-drop-indicator
343344
{
344345
inset-inline-start: var(--tab-first-last-inline-margin) !important;
345-
}
346+
}
347+
*/
346348

347349
/* -------------------- Tab Icon Indicators -------------------- */
348350

@@ -405,7 +407,7 @@
405407
}
406408

407409
/* ---------------------------------------- Tab Scroll Animation ---------------------------------------- */
408-
410+
/*
409411
#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab
410412
{
411413
pointer-events: none !important;
@@ -433,5 +435,6 @@
433435
#tabbrowser-tabs[overflow]:not([movingtab]) .tabbrowser-tab:nth-last-child(1 of .tabbrowser-tab:not([hidden]))
434436
{
435437
margin-inline-end: 0px !important;
436-
}
438+
}
439+
*/
437440
}

‎chrome/modules/vertical_tabs/wavefox_browser_window.css‎

Lines changed: 156 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,84 @@
1-
@media -moz-pref("WaveFox.VerticalTabs.WebPage.Floating.Enabled")
1+
@media -moz-pref("WaveFox.VerticalTabs.WebPage.Floating", 1)
22
{
33
:root:not([inFullscreen], [inDOMFullscreen])
44
{
55
#browser
66
{
77
overflow: clip !important;
8-
margin-block: 0px 4px !important;
9-
margin-inline: 4px !important;
8+
margin-block: 0px var(--space-small) !important;
9+
margin-inline: var(--space-small) !important;
10+
border-radius: var(--border-radius-medium) !important;
11+
border: 1px solid var(--chrome-content-separator-color) !important;
12+
box-shadow: var(--content-area-shadow) !important;
13+
background-clip: padding-box !important;
14+
15+
#sidebar-main
16+
{
17+
background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important;
18+
background-image: none !important;
19+
color: var(--toolbar-color) !important;
20+
border: none !important;
21+
border-radius: 0px !important;
22+
background-clip: padding-box !important;
23+
24+
@media -moz-pref("sidebar.visibility", 'expand-on-hover')
25+
{
26+
:root[sidebar-expand-on-hover] &[sidebar-launcher-expanded],
27+
:root[sidebar-expand-on-hover] &[sidebar-ongoing-animations]:not([sidebar-launcher-expanded])
28+
{
29+
backdrop-filter: blur(8px) !important;
30+
box-shadow: var(--content-area-shadow) !important;
31+
outline: 1px solid var(--chrome-content-separator-color) !important;
32+
}
33+
}
34+
}
35+
36+
#sidebar-launcher-splitter,
37+
#sidebar-splitter
38+
{
39+
width: var(--splitter-width) !important;
40+
margin-inline: calc(-1 * var(--splitter-width)) 0px !important;
41+
border: none !important;
42+
43+
:is(#sidebar-main, #sidebar-box)[sidebar-positionend] + &
44+
{
45+
margin-inline: 0px calc(-1 * var(--splitter-width)) !important;
46+
}
47+
}
48+
49+
#sidebar-box
50+
{
51+
clip-path: content-box !important;
52+
padding: 0px !important;
53+
54+
#sidebar
55+
{
56+
background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important;
57+
color: var(--toolbar-color) !important;
58+
border-radius: 0px !important;
59+
}
60+
}
61+
62+
#tabbrowser-tabbox
63+
{
64+
#tabbrowser-tabpanels
65+
{
66+
clip-path: content-box !important;
67+
}
68+
}
69+
}
70+
}
71+
}
72+
73+
@media -moz-pref("WaveFox.VerticalTabs.WebPage.Floating", 2)
74+
{
75+
:root:not([inFullscreen], [inDOMFullscreen])
76+
{
77+
#browser
78+
{
79+
overflow: clip !important;
80+
margin-block: 0px var(--space-small) !important;
81+
margin-inline: var(--space-small) !important;
1082
border-radius: var(--border-radius-medium) !important;
1183
border: 1px solid var(--chrome-content-separator-color) !important;
1284
box-shadow: var(--content-area-shadow) !important;
@@ -67,7 +139,87 @@
67139
#tabbrowser-tabpanels
68140
{
69141
overflow: clip !important;
70-
margin: 4px !important;
142+
margin: var(--space-small) !important;
143+
border-radius: var(--border-radius-medium) !important;
144+
border: 1px solid var(--sidebar-border-color) !important;
145+
box-shadow: var(--content-area-shadow) !important;
146+
background-clip: padding-box !important;
147+
}
148+
}
149+
150+
#sidebar-main:not([sidebar-positionend], [hidden]) ~ #tabbrowser-tabbox > #tabbrowser-tabpanels
151+
{
152+
margin-inline-start: 0px !important;
153+
}
154+
155+
#sidebar-main[sidebar-positionend]:not([hidden]) ~ #tabbrowser-tabbox > #tabbrowser-tabpanels
156+
{
157+
margin-inline-end: 0px !important;
158+
}
159+
}
160+
}
161+
}
162+
163+
@media -moz-pref("WaveFox.VerticalTabs.WebPage.Floating", 3)
164+
{
165+
:root:not([inFullscreen], [inDOMFullscreen])
166+
{
167+
#browser
168+
{
169+
#sidebar-main
170+
{
171+
border-radius: 0px !important;
172+
background-clip: padding-box !important;
173+
174+
@media -moz-pref("sidebar.visibility", 'expand-on-hover')
175+
{
176+
:root[sidebar-expand-on-hover] &[sidebar-launcher-expanded],
177+
:root[sidebar-expand-on-hover] &[sidebar-ongoing-animations]:not([sidebar-launcher-expanded])
178+
{
179+
background-color: color-mix(in srgb, var(--toolbar-bgcolor) 75%, transparent) !important;
180+
background-image: none !important;
181+
color: var(--toolbar-color) !important;
182+
backdrop-filter: blur(8px) !important;
183+
box-shadow: var(--content-area-shadow) !important;
184+
}
185+
}
186+
}
187+
188+
#sidebar-launcher-splitter,
189+
#sidebar-splitter
190+
{
191+
width: var(--splitter-width) !important;
192+
margin-inline: calc(-1 * var(--splitter-width)) 0px !important;
193+
border: none !important;
194+
195+
:is(#sidebar-main, #sidebar-box)[sidebar-positionend] + &
196+
{
197+
margin-inline: 0px calc(-1 * var(--splitter-width)) !important;
198+
}
199+
}
200+
201+
#sidebar-box
202+
{
203+
clip-path: content-box !important;
204+
padding: 0px !important;
205+
206+
#sidebar
207+
{
208+
background-color: transparent !important;
209+
border-radius: 0px !important;
210+
}
211+
}
212+
213+
#tabbrowser-tabbox
214+
{
215+
outline: none !important;
216+
box-shadow: none !important;
217+
218+
#tabbrowser-tabpanels
219+
{
220+
overflow: clip !important;
221+
margin-block: 0px var(--space-small) !important;
222+
margin-inline: var(--space-small) !important;
71223
border-radius: var(--border-radius-medium) !important;
72224
border: 1px solid var(--sidebar-border-color) !important;
73225
box-shadow: var(--content-area-shadow) !important;

‎chrome/modules/vertical_tabs/wavefox_tab_media_icons_and_text.css‎

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -116,11 +116,6 @@
116116

117117
#tabbrowser-tabs[expanded] .tabbrowser-tab
118118
{
119-
.tab-icon-stack > *
120-
{
121-
margin-inline-end: 8px !important;
122-
}
123-
124119
.tab-audio-button
125120
{
126121
display: none !important;
@@ -199,10 +194,3 @@
199194
text-overflow: ellipsis !important;
200195
margin-block: 0px !important;
201196
}
202-
203-
/* -------------------- Tab content / Temporary solution -------------------- */
204-
205-
.tab-content
206-
{
207-
background-position: 50% calc(50% + 12px) !important;
208-
}

‎chrome/modules/vertical_tabs/wavefox_tabs.css‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
:root
2+
{
3+
--space-xsmall: 2px !important;
4+
--tab-min-height: 36px !important;
5+
6+
&[uidensity="compact"]
7+
{
8+
--tab-min-height: 32px !important;
9+
}
10+
11+
&[uidensity="touch"]
12+
{
13+
--tab-min-height: 40px !important;
14+
}
15+
16+
--tab-pinned-expanded-background-width: var(--tab-min-height) !important;
17+
--tab-height-with-margin-padding: calc(var(--tab-min-height) + (2 * var(--tab-block-margin))) !important;
18+
--tab-icon-end-margin: 8px !important;
19+
20+
#tabbrowser-tabs
21+
{
22+
padding-block: calc(var(--space-small) - var(--tab-block-margin)) !important;
23+
--tab-icon-end-margin: 8px !important;
24+
}
25+
}
26+
27+
.tabbrowser-tab
28+
{
29+
--tab-icon-end-margin: 8px !important;
30+
padding-block: var(--tab-block-margin) !important;
31+
32+
&:not([visuallyselected], :hover, [multiselected])
33+
{
34+
.tab-background
35+
{
36+
background-color: transparent !important;
37+
}
38+
}
39+
40+
.tab-background
41+
{
42+
margin-block: 0px !important;
43+
}
44+
45+
.tab-content
46+
{
47+
background-position: 50% 100% !important;
48+
49+
.tab-close-button
50+
{
51+
width: 16px !important;
52+
height: 16px !important;
53+
padding: 2px !important;
54+
margin: 0px !important;
55+
border-radius: 50px !important;
56+
top: -2px !important;
57+
inset-inline-start: calc(var(--tab-inner-inline-margin) - 2px) !important;
58+
}
59+
}
60+
}

‎chrome/modules/vertical_tabs/wavefox_toolbar_buttons.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
:is(#tabs-newtab-button, #vertical-tabs-newtab-button) > .toolbarbutton-text
2+
{
3+
display: none !important;
4+
}

‎chrome/userChrome.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,12 @@
22

33
/* ---------- General styles ---------- */
44

5-
@import "modules/general_styles/wavefox_transparency_on_windows11.css" layer(BasicPriority) /* supports() */ (-moz-platform: windows);
5+
@import "modules/general_styles/wavefox_experimental_functions.css" layer(BasicPriority); /* supports() -moz-pref("", false) */
6+
7+
@import "modules/general_styles/wavefox_transparency_on_windows11.css" layer(HighPriority) /* supports() */ (-moz-platform: windows);
68
@import "modules/general_styles/wavefox_transparency_on_windows10.css" layer(HighPriority) /* supports() */ (-moz-platform: windows);
79
@import "modules/general_styles/wavefox_transparency_on_linux.css" layer(HighPriority) /* supports() */ (-moz-platform: linux);
8-
@import "modules/general_styles/wavefox_web_page.css" layer(HighPriority); /* supports() -moz-pref("", false) */
10+
@import "modules/general_styles/wavefox_web_page.css" layer(HighPriority); /* supports() -moz-pref("", false) */
911

1012
@import "modules/general_styles/firefox-csshacks/iconized_content_context_menu.css" layer(BasicPriority) /* supports() */ -moz-pref("WaveFox.Icons", 1);
1113
@import "modules/general_styles/firefox-csshacks/iconized_main_menu.css" layer(BasicPriority) /* supports() */ -moz-pref("WaveFox.Icons", 1);
@@ -34,6 +36,8 @@
3436

3537
@import "modules/vertical_tabs/wavefox_main_window.css" layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
3638
@import "modules/vertical_tabs/wavefox_browser_window.css" layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
39+
@import "modules/vertical_tabs/wavefox_tabs.css" layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
3740
@import "modules/vertical_tabs/wavefox_tab_media_icons_and_text.css" layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
41+
@import "modules/vertical_tabs/wavefox_toolbar_buttons.css" layer(BasicPriority) /* supports() */ -moz-pref("sidebar.verticalTabs", true);
3842

39-
/* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */
43+
/* ---------------------------------------- Third-party styles (Maximum priority) ---------------------------------------- */

0 commit comments

Comments
 (0)