da157.id
this repo has no description
merge "feat: switch using UC toggle for fully hidden sidebar, close #6" from testing into main
Media/UCToggleSettings.png
Media/UCToggleSettings.png
This is a binary file and will not be displayed.
-1
README.md
-1
README.md
···
71
72
* `uc.tweak.borderless` -> removes margins around the webpage
73
* `uc.tweak.sidebar-header` -> show sidebar header
74
-
* `uc.tweak.sidebar-full-collapse` -> make sidebar fully hidden when collapse (like the hidden navbar)
75
* `sidebar.position_start` -> whether the sidebar is on the left or right
76
* `uc.tweak.sidebery-top-navbar` -> move the Sidebery navbar thingy from the bottom to the top
77
* `uc.tweak.no-window-controls` -> hide window controls
···
71
72
* `uc.tweak.borderless` -> removes margins around the webpage
73
* `uc.tweak.sidebar-header` -> show sidebar header
74
* `sidebar.position_start` -> whether the sidebar is on the left or right
75
* `uc.tweak.sidebery-top-navbar` -> move the Sidebery navbar thingy from the bottom to the top
76
* `uc.tweak.no-window-controls` -> hide window controls
+24
-27
chrome/browser/main.css
+24
-27
chrome/browser/main.css
···
61
background-color: transparent !important;
62
}
63
64
-
/* navbar collapse */
65
&:not([titlepreface*=""]) {
66
& #appcontent browser {
67
border-top-left-radius: var(--uc-content-radius) !important;
68
border-top-right-radius: var(--uc-content-radius) !important;
69
}
70
}
71
-
72
-
@media not (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") {
73
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
74
border-top-left-radius: var(--uc-content-radius) !important;
75
border-bottom-left-radius: var(--uc-content-radius) !important;
···
78
border-bottom-right-radius: var(--uc-content-radius) !important;
79
}
80
}
81
-
@media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") {
82
-
&:not([titlepreface*=""]) {
83
-
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
84
-
border-top-left-radius: var(--uc-content-radius) !important;
85
-
border-bottom-left-radius: var(--uc-content-radius) !important;
86
-
} &:has(#sidebar-box[positionend="true"]) #appcontent browser {
87
-
border-top-right-radius: var(--uc-content-radius) !important;
88
-
border-bottom-right-radius: var(--uc-content-radius) !important;
89
-
}
90
-
}
91
}
92
}
93
}
···
100
clip-path: circle(100%);
101
background-color: transparent !important;
102
}
103
-
/* navbar collapse */
104
&:not([titlepreface*=""]) {
105
& #appcontent browser {
106
border-top-left-radius: var(--uc-content-radius) !important;
107
border-top-right-radius: var(--uc-content-radius) !important;
108
}
109
}
110
-
111
-
@media not (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") {
112
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
113
border-top-left-radius: var(--uc-content-radius) !important;
114
border-bottom-left-radius: var(--uc-content-radius) !important;
···
117
border-bottom-right-radius: var(--uc-content-radius) !important;
118
}
119
}
120
-
@media (-moz-bool-pref: "uc.tweak.sidebar-full-collapse") {
121
-
/* sidebar collapse */
122
-
&:not([titlepreface*=""]) {
123
-
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
124
-
border-top-left-radius: var(--uc-content-radius) !important;
125
-
border-bottom-left-radius: var(--uc-content-radius) !important;
126
-
} &:has(#sidebar-box[positionend="true"]) #appcontent browser {
127
-
border-top-right-radius: var(--uc-content-radius) !important;
128
-
border-bottom-right-radius: var(--uc-content-radius) !important;
129
-
}
130
-
}
131
}
132
}
133
···
61
background-color: transparent !important;
62
}
63
64
+
/* not navbar collapse */
65
&:not([titlepreface*=""]) {
66
& #appcontent browser {
67
border-top-left-radius: var(--uc-content-radius) !important;
68
border-top-right-radius: var(--uc-content-radius) !important;
69
}
70
}
71
+
/* not sidebar full collapse */
72
+
&:not([titlepreface*=""]) {
73
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
74
border-top-left-radius: var(--uc-content-radius) !important;
75
border-bottom-left-radius: var(--uc-content-radius) !important;
···
78
border-bottom-right-radius: var(--uc-content-radius) !important;
79
}
80
}
81
+
/* sidebar full collapse */
82
+
&[titlepreface*=""] {
83
+
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
84
+
border-top-left-radius: var(--uc-content-radius) !important;
85
+
border-bottom-left-radius: var(--uc-content-radius) !important;
86
+
} &:has(#sidebar-box[positionend="true"]) #appcontent browser {
87
+
border-top-right-radius: var(--uc-content-radius) !important;
88
+
border-bottom-right-radius: var(--uc-content-radius) !important;
89
+
}
90
}
91
}
92
}
···
99
clip-path: circle(100%);
100
background-color: transparent !important;
101
}
102
+
/* not navbar collapse */
103
&:not([titlepreface*=""]) {
104
& #appcontent browser {
105
border-top-left-radius: var(--uc-content-radius) !important;
106
border-top-right-radius: var(--uc-content-radius) !important;
107
}
108
}
109
+
/* not sidebar full collapse */
110
+
&:not([titlepreface*=""]) {
111
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
112
border-top-left-radius: var(--uc-content-radius) !important;
113
border-bottom-left-radius: var(--uc-content-radius) !important;
···
116
border-bottom-right-radius: var(--uc-content-radius) !important;
117
}
118
}
119
+
/* sidebar full collapse */
120
+
&[titlepreface*=""] {
121
+
&:has(#sidebar-box:not([positionend="true"])) #appcontent browser {
122
+
border-top-left-radius: var(--uc-content-radius) !important;
123
+
border-bottom-left-radius: var(--uc-content-radius) !important;
124
+
} &:has(#sidebar-box[positionend="true"]) #appcontent browser {
125
+
border-top-right-radius: var(--uc-content-radius) !important;
126
+
border-bottom-right-radius: var(--uc-content-radius) !important;
127
+
}
128
}
129
}
130
+1
-1
chrome/vars.css
+1
-1
chrome/vars.css