Skip to content

Commit 130ea48

Browse files
GodiescGodiesc
authored
Various bug fixes
1 parent 1f02309 commit 130ea48

19 files changed

+452
-572
lines changed

‎chrome/components/ogx_UC-newtabpage.css‎

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1057,7 +1057,8 @@
10571057

10581058
@-moz-document regexp("^about:firefoxview.*") {
10591059

1060-
:root{
1060+
:root {
1061+
--newtab-text-primary-color: unset !important;
10611062
--fxview-primary-action-background: transparent !important; /* background color of the selected category */
10621063
--fxview-element-background-hover: var(--button-hover-bgcolor) !important; /* Context menu: color on 'hover' over items */
10631064
--fxview-element-background-active: var(--button-active-bgcolor) !important; /* Context menu: color on 'clic' over items */
@@ -1101,7 +1102,7 @@
11011102
transition-duration: 0ms !important;
11021103
}
11031104

1104-
.search-container input:is(:focus, :focus-visible){
1105+
.search-container input:is(:focus, :focus-visible) {
11051106
&:focus-visible {
11061107
border-color: transparent !important;
11071108
box-shadow: 0 0 0 2px var(--general-color) !important;
@@ -1146,4 +1147,22 @@
11461147
margin-inline: 0px !important;
11471148
padding-inline: 42px 52px !important;
11481149
}
1150+
1151+
/* Search-box */
1152+
#input {
1153+
&[type="search"] {
1154+
border-color: color-mix(in srgb, var(--in-content-box-border-color) 80%, var(--in-content-text-color)) !important;
1155+
border-radius: 16px !important;
1156+
1157+
&:hover {
1158+
border-color: var(--general-color) !important;
1159+
outline: 0px solid var(--general-color) !important;
1160+
}
1161+
1162+
&:focus-visible {
1163+
border-color: var(--general-color) !important;
1164+
outline: 1px solid var(--general-color) !important;
1165+
}
1166+
}
1167+
}
11491168
}

‎chrome/components/ogx_UC-settings-addons-pages.css‎

Lines changed: 40 additions & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -69,8 +69,9 @@
6969
--in-content-item-selected-text: var(--in-content-text-color) !important; /* Combobox text color on 'hover' (arrow keys) */
7070

7171
--in-content-button-background: var(--in-content-border-color) !important; /* Button color */
72-
--in-content-button-background-hover: var(--button-active-bgcolor) !important; /* Button color on 'hover' */
73-
--in-content-button-background-active: var(--general-color) !important; /* Button color on 'click' */
72+
--in-content-button-background-hover: var(--button-hover-bgcolor) !important; /* Button color on 'hover' */
73+
--in-content-button-background-active: var(--button-active-bgcolor) !important; /* Button color on 'click' */
74+
--in-content-button-border-color-hover: var(--button-bgcolor) !important; /* Button border color on 'hover' */
7475

7576
--in-content-primary-button-background: var(--general-color) !important; /* Primary button color */
7677
--in-content-primary-button-background-hover: var(--button-hover-bgcolor) !important; /* Primary button color on 'hover' */
@@ -114,8 +115,6 @@
114115

115116
--in-content-box-background: #f9f9fb !important; /* Color of textboxes and background of drop-down menus */
116117
--in-content-box-border-color: #d4cfe7 !important; /* Textbox border color */
117-
118-
--in-content-button-text-color-hover: white !important; /* Color of letters in buttons on 'hover' */
119118
}
120119

121120
/* Pop-up window background in 'settings' */
@@ -279,51 +278,50 @@
279278
outline-color: var(--general-color) !important;
280279
}
281280

282-
/* Category Sidebar */
283-
284-
.navigation,
285-
#sidebar {
286-
box-shadow: inset -1px 0 0 0 var(--in-content-box-border-color),
287-
1px 77px 17px var(--border-contrast-color) !important;
288-
}
289-
290-
.navigation:dir(rtl),
291-
#sidebar:dir(rtl) {
292-
box-shadow: inset 1px 0 0 0 var(--in-content-box-border-color),
293-
1px 77px 17px var(--border-contrast-color) !important;
294-
}
281+
/* Category Sidebar
282+
283+
.navigation,
284+
#sidebar {
285+
box-shadow: 1px 84px 10px black !important;
286+
}
287+
288+
.navigation:dir(rtl),
289+
#sidebar:dir(rtl) {
290+
box-shadow: inset 1px 0 0 0 var(--in-content-box-border-color),
291+
1px 77px 17px black !important;
292+
}*/
293+
294+
.sticky-container {
295+
box-shadow: /*0 1px var(--in-content-box-border-color),
296+
3px 1px 10px black!important/**/ ;
297+
clip-path: xywh(0px 0px 100% calc(100% + 11px)) !important;
298+
}
295299

296300
/* Search-box in 'about:preferences' */
297301

298302
#policies-container,
299303
#searchInput {
300-
border-radius: 16px !important;
301304
margin-block: 20px !important;
302-
margin-inline: 0px 120px !important;
303-
304-
&:hover {
305-
border-color: var(--general-color) !important;
306-
}
307305
}
308306

309307
/* Search box in 'about:addons' */
310308

311-
search-addons > search-textbox {
312-
border-radius: 16px !important;
309+
#input {
310+
&[type="search"] {
311+
border-color: color-mix(in srgb, var(--in-content-box-border-color) 80%, var(--in-content-text-color)) !important;
312+
border-radius: 16px !important;
313313

314-
&:hover {
315-
border-color: var(--general-color) !important;
314+
&:hover {
315+
border-color: var(--general-color) !important;
316+
outline: 0px solid var(--general-color) !important;
317+
}
318+
319+
&:focus-visible {
320+
border-color: var(--general-color) !important;
321+
outline: 1px solid var(--general-color) !important;
322+
}
316323
}
317324
}
318-
319-
search-addons > search-textbox[focused] {
320-
border-color: var(--general-color) !important;
321-
outline: 2px solid var(--general-color) !important;
322-
}
323-
324-
#searchInput[focused]{
325-
outline: 2px solid var(--general-color) !important;
326-
}
327325

328326
/* Inside 'Privacy' Category */
329327

@@ -342,7 +340,7 @@
342340
/* Various smooth transitions */
343341

344342
button, menulist, treecol, .sidebar-footer-link {
345-
transition: background-color 0.2s ease !important;
343+
transition: background-color 0.2s ease, border-color 0.2s ease !important;
346344
}
347345

348346
search-textbox {
@@ -394,6 +392,10 @@
394392
overflow: auto;
395393
max-width: 100% !important;
396394
scrollbar-gutter: stable !important;
395+
margin-inline-start: 0px !important;
396+
padding-inline-start: var(--main-margin-start);
397+
/*box-shadow: inset 1px 0 0px 0 var(--in-content-box-border-color) !important;
398+
clip-path: xywh(0 0 100% calc(100% - 10px)) !important;/**/
397399

398400
& addon-card[expanded="true"],
399401
& addon-list,
@@ -454,8 +456,6 @@
454456
display: grid !important;
455457
grid-template-rows: 1 !important;
456458
grid-template-columns: auto auto !important;
457-
box-shadow: 0 1px 0 0 var(--in-content-box-border-color),
458-
17px 1px 17px var(--border-contrast-color) !important;
459459

460460
/* Left part */
461461
& .main-heading {
@@ -481,11 +481,6 @@
481481
}
482482
}
483483
}
484-
485-
.sticky-container:dir(rtl) {
486-
box-shadow: 0 1px 0 0 var(--in-content-box-border-color),
487-
-17px -1px 17px var(--border-contrast-color) !important;
488-
}
489484

490485
/* Stycky head Style in small width resolution */
491486

@@ -501,41 +496,10 @@
501496
/* ______________________________________ only 'about:preferences' page _______________________________________ */
502497

503498
@-moz-document url-prefix(about:preferences) {
504-
505-
.sticky-container {
506-
box-shadow: 0 1px 0 0 var(--in-content-box-border-color),
507-
-17px 1px 27px var(--border-contrast-color) !important;
508-
}
509-
510-
.sticky-container:dir(rtl) {
511-
box-shadow: 0 1px 0 0 var(--in-content-box-border-color),
512-
17px 1px 27px var(--border-contrast-color) !important;
513-
}
514499

515500
@media not -moz-pref("firefoxgx.main-image") {
516-
517501
#mainPrefPane{
518502
padding-top: 20px !important;
519-
width: 100% !important;
520-
}
521-
522-
/*
523-
.pane-container {
524-
margin-inline-start: 50px !important;
525-
margin-inline-end: 50px !important;
526-
}/**/
527-
528-
.sticky-container {
529-
width: 125% !important;
530-
margin-inline-start: -78px !important;
531-
border-block-end: 1px solid transparent !important;
532-
border-image: var(--gradiente-casual) 1 !important;
533-
box-shadow: -17px 1px 17px var(--border-contrast-color) !important;
534-
}
535-
536-
.sticky-container:dir(rtl) {
537-
border-image: var(--gradiente-casual-rtl) 1 !important;
538-
box-shadow: 17px 1px 17px var(--border-contrast-color) !important;
539503
}
540504
}
541-
}
505+
}

‎chrome/components/ogx_arrowpanel.css‎

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -138,16 +138,8 @@ treechildren::-moz-tree-separator {
138138
/* _____________________ Sidebar-box ____________________
139139
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */
140140

141-
.sidebar-panel[lwt-sidebar] {
142-
--lwt-sidebar-background-color: transparent !important;
143-
}
144-
145-
/*
146-
@media not (-moz-pref("firefoxgx.verticalTabs-expandOnHover") and -moz-pref("firefoxgx.tree-tabs")) {
147-
#sidebar {
148-
background-color: var(--toolbar-bgcolor) !important;
149-
}
150-
}/**/
141+
/* remove unwanted background color - tested without 'revamp' in 'synced tabs' with a theme with images */
142+
:root { background-color: transparent !important; }
151143

152144
/* Apply background but not in tree-tabs extension to solve bug 'gradient-line don't display' */
153145

‎chrome/components/ogx_button-styles.css‎

Lines changed: 49 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,17 +38,49 @@ panel menulist {
3838
}
3939
}
4040

41+
/* Searchbox in Sidebar 'bookmarks-history-sync' */
42+
43+
/* First-second variable used for '--general-color' unset to follow the next variable for that accent color */
44+
45+
@-moz-document regexp("^chrome://browser/content/places.*"), url(chrome://browser/content/webext-panels.xhtml),
46+
url(chrome://browser/content/syncedtabs/sidebar.xhtml), regexp("^chrome://browser/content/sidebar.*") {
47+
48+
:root {
49+
--toolbarbutton-icon-fill-attention: unset !important;
50+
--newtab-text-primary-color: unset !important;
51+
}
52+
}
53+
54+
/* sync-tabs sidebar searchbox */
55+
56+
#input {
57+
&[type="search"] {
58+
--input-text-background-color: color-mix(in srgb, Field, transparent) !important;
59+
border-color: #80808080 !important;
60+
&:focus {
61+
--toolbarbutton-icon-fill-attention: unset !important;
62+
outline: 1px solid var(--general-color) !important;
63+
border-color: var(--general-color) !important;
64+
}
65+
}
66+
}
67+
4168
/* Background and Border Color in items (Dropdown Menu) */
4269

70+
/* Style tested in sidebar-bookmarks, clic in the arrow | can't convine with the next line for unknow reason */
71+
treechildren::-moz-tree-row(current, focus),
4372
treechildren::-moz-tree-row(selected) {
73+
background-color: var(--button-hover-bgcolor) !important;
4474
outline-color: transparent !important;
4575
}
4676

4777
#editBMPanel_folderTreeRow treechildren::-moz-tree-row(selected) {
4878
background-color: var(--button-active-bgcolor) !important;
4979
}
5080

51-
treechildren::-moz-tree-image(selected), treechildren::-moz-tree-twisty(selected), treechildren::-moz-tree-cell-text(selected) {
81+
treechildren::-moz-tree-image(selected),
82+
treechildren::-moz-tree-twisty(selected),
83+
treechildren::-moz-tree-cell-text(selected) {
5284
color: currentColor !important;
5385
}
5486

@@ -290,6 +322,22 @@ button {
290322
border-radius: 0px !important;
291323
}
292324

325+
/* Delete style when 'sidebar' button change to 'active' */
326+
327+
#sidebar-button {
328+
--toolbarbutton-active-background: transparent !important;
329+
330+
&[checked] {
331+
@media -moz-pref("sidebar.revamp") {
332+
list-style-image: url("chrome://browser/skin/sidebar-collapsed.svg") !important;
333+
}
334+
335+
&:hover {
336+
--toolbarbutton-active-background: var(--toolbarbutton-hover-background) !important;
337+
}
338+
}
339+
}
340+
293341
/* ---------------------------------------------- Used for various smooth transition ---------------------------------------------- */
294342

295343
panel :is(menulist, button, toolbarbutton:not([.subviewbutton])):not([open]), /* buttons inside dropdown menus */

0 commit comments

Comments
 (0)