Skip to content

Commit 1f02309

Browse files
GodiescGodiesc
authored
Various bug fixes for Firefox v.141
- Solved issues: #280 and #288 - 'Firefox view' background was fixed, with the new display of wallpaper behind all window.
1 parent f863936 commit 1f02309

File tree

9 files changed

+189
-181
lines changed

9 files changed

+189
-181
lines changed

‎chrome/components/ogx_UC-newtabpage.css‎

Lines changed: 56 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -365,13 +365,11 @@
365365
/* 'Customize' button */
366366

367367
.personalize-button {
368-
img {content: url("../icons/edit.svg") !important; }
368+
img {content: url("../icons/edit.svg") !important; }
369369

370370
&:hover {
371371
background-color: var(--newtab-element-secondary-hover-color) !important;
372-
}
373-
&:active {
374-
background-color: var(--newtab-element-secondary-active-color) !important;
372+
backdrop-filter: var(--personal-blur) !important;
375373
}
376374
}
377375

@@ -842,8 +840,7 @@
842840
}
843841
}
844842

845-
/* ______________________________________ Font color when using a light/dark wallpaper _______________________________________
846-
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */
843+
/* ________________________ Font color when using a light wallpaper ________________________ */
847844

848845
.lightWallpaper .top-site-outer{
849846
--contrast-color: white !important;
@@ -853,50 +850,42 @@
853850
--contrast-color: black !important;
854851
}
855852

856-
/* Font text shadow */
857-
.weatherTemperature, .weatherCity, /* Weather */
858-
.search-inner-wrapper>input, /* Searchbox */
859-
.top-site-outer .title, /* Pinned sites */
860-
.ds-highlights .section .section-list .card-outer .card-host-name, /* Recent Activity line 1*/
861-
.card-outer:not(.placeholder) .card-title, /* Recent activity line 2*/
862-
.source.clamp, .ds-card-link:not(:hover) .title.clamp { /* News */
863-
text-shadow: 0px 0px 4px Field !important;
853+
/* Recent Activity text shadow */
854+
.ds-highlights .section .section-list .card-outer .card-host-name,
855+
.card-outer:not(.placeholder) .card-title {
856+
text-shadow: 0px 0px 4px var(--contrast-color) !important;
864857
}
865858

866859
.lightWallpaper :is(
867-
.card-host-name, .card-outer:not(.placeholder) .card-title, .card-outer .icon, /* 'Pinned' label */
868-
.top-site-outer:is(:hover, :active, .active) .title span, /* 'Activity' label */
869-
.ds-card .meta .clamp ) { /* 'News' */
860+
.card-host-name, .card-outer:not(.placeholder) .card-title, .card-outer .icon, /* 'Pinned' label */
861+
.top-site-outer:is(:hover, :active, .active) .title span, /* 'Activity' label */
862+
.ds-card .meta .clamp ) { /* 'News' */
870863
color: black !important;
871864
--contrast-color: white !important;
872865
}
873866

874867
.darkWallpaper :is(
875-
.card-host-name, .card-outer:not(.placeholder) .card-title, .card-outer .icon, /* 'Pinned' label */
876-
.top-site-outer:is(:hover, :active, .active) .title span, /* 'Activity' label */
877-
.ds-card .meta .clamp ) { /* 'News' */
868+
.card-host-name, .card-outer:not(.placeholder) .card-title, .card-outer .icon, /* 'Pinned' label */
869+
.top-site-outer:is(:hover, :active, .active) .title span, /* 'Activity' label */
870+
.ds-card .meta .clamp ) { /* 'News' */
878871
color: white !important;
879872
--contrast-color: black !important;
880873
}
881874

882875
/* Scheme light */
883876
.lightWallpaper :is(
884-
.context-menu, /* 3 dot contextual menu */
885877
.weatherCard, .personalize-button, /* weather - personalize-button */
886878
.search-inner-wrapper input, .search-wrapper input, #newtab-search-text[Keepfocus="true"] ) { /* Search-box */
887879
color-scheme: light !important;
888880
--contrast-color: white !important;
889-
--arrowpanel-background: #f9f9f9 !important;
890881
}
891882

892883
/* scheme dark */
893884
.darkWallpaper :is(
894-
.context-menu, /* 3 dot contextual menu */
895885
.weatherCard, .personalize-button, /* weather - personalize-button */
896886
.search-inner-wrapper input, .search-wrapper input, #newtab-search-text[Keepfocus="true"] ) { /* Search-box */
897887
color-scheme: dark !important;
898888
--contrast-color: black !important;
899-
--arrowpanel-background: #1c1726;
900889
}
901890

902891
/* ___________________________________________________ Newtab Fonts color ____________________________________________________
@@ -1067,17 +1056,16 @@
10671056
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ */
10681057

10691058
@-moz-document regexp("^about:firefoxview.*") {
1070-
1059+
10711060
:root{
10721061
--fxview-primary-action-background: transparent !important; /* background color of the selected category */
10731062
--fxview-element-background-hover: var(--button-hover-bgcolor) !important; /* Context menu: color on 'hover' over items */
10741063
--fxview-element-background-active: var(--button-active-bgcolor) !important; /* Context menu: color on 'clic' over items */
10751064
--fxview-border: var(--fxview-primary-action-background) !important;
10761065
--fxview-background-color: transparent !important;
1077-
--fxview-text-primary-color: var(--in-content-page-color) !important; /* Font color */
10781066
--opaque: color-mix(in srgb, var(--in-content-page-background) 50%, transparent) !important;
10791067
}
1080-
1068+
10811069
@media (prefers-color-scheme: dark) {
10821070
:host, :root {
10831071
--border-contrast-color: black;
@@ -1090,7 +1078,7 @@
10901078
--in-content-primary-button-background-active: var(--button-active-bgcolor) !important;
10911079
}
10921080
}
1093-
1081+
10941082
@media (prefers-color-scheme: light){
10951083
:root{
10961084
--border-contrast-color: white;
@@ -1102,78 +1090,60 @@
11021090
--in-content-primary-button-background-active: var(--button-active-bgcolor) !important;
11031091
}
11041092
}
1105-
1106-
body, .sticky-container{
1107-
--bg: var(--lwt-main-image);
1108-
background-image: linear-gradient(var(--opaque), var(--opaque)),
1109-
linear-gradient(var(--opaque), var(--opaque)),
1110-
var(--bg) !important;
1111-
background-repeat: repeat !important;
1112-
background-size: cover !important;
1113-
background-attachment: fixed !important;
1114-
background-position-y: var(--background-align-y) !important;
1115-
backdrop-filter: var(--brightness-wallpaper) !important;
1116-
}
1117-
1093+
11181094
.sticky-container{
11191095
margin-block-end: 10px !important;
1120-
box-shadow: 0 4px 10px var(--in-content-page-background) !important;
1096+
box-shadow: 6px 4px 6px var(--in-content-page-background) !important;
11211097
clip-path: polygon(0 0, 100% 0, 100% calc(100% + 10px), 0 calc(100% + 10px));
11221098
}
1123-
1099+
11241100
button[selected] {
11251101
transition-duration: 0ms !important;
11261102
}
1127-
1103+
11281104
.search-container input:is(:focus, :focus-visible){
11291105
&:focus-visible {
11301106
border-color: transparent !important;
11311107
box-shadow: 0 0 0 2px var(--general-color) !important;
11321108
outline: none !important;
1133-
}}
1109+
}
1110+
}
1111+
1112+
/* New style of elements */
1113+
1114+
body {
1115+
background: transparent !important;
1116+
overflow-y: hidden !important;
1117+
}
11341118

1135-
/* Compatibility for aligning wallpaper when used with 'Main-image' config */
1119+
.main-container {
1120+
width: 100% !important;
1121+
}
11361122

1137-
@media -moz-pref("firefoxgx.main-image") {
1123+
#pages {
1124+
padding: 0px !important;
1125+
}
11381126

1139-
.sticky-container {
1140-
background-image: none !important;
1141-
}
1142-
1143-
body {
1144-
background: transparent !important;
1145-
overflow-y: hidden !important;
1146-
}
1147-
1148-
.main-container {
1149-
width: 100% !important;
1150-
}
1151-
1152-
#pages {
1153-
padding: 0px !important;
1154-
}
1155-
1156-
named-deck>view-recentbrowsing>div {
1157-
1158-
min-width: 100% !important;
1159-
display: grid;
1160-
}
1161-
1162-
named-deck {
1163-
width: 100% !important;
1164-
display: grid;
1165-
}
1166-
1167-
.cards-container {
1168-
height: 66vh !important;
1169-
overflow: auto;
1170-
scrollbar-gutter: stable !important;
1171-
padding-inline: 42px 52px !important;
1172-
}
1173-
1174-
.sticky-container {
1175-
margin-inline: 0px !important;
1176-
padding-inline: 42px 52px !important;
1177-
}
1127+
named-deck>view-recentbrowsing>div {
1128+
1129+
min-width: 100% !important;
1130+
display: grid;
1131+
}
1132+
1133+
named-deck {
1134+
width: 100% !important;
1135+
display: grid;
1136+
}
1137+
1138+
.cards-container {
1139+
height: 66vh !important;
1140+
overflow: auto;
1141+
scrollbar-gutter: stable !important;
1142+
padding-inline: 42px 52px !important;
1143+
}
1144+
1145+
.sticky-container {
1146+
margin-inline: 0px !important;
1147+
padding-inline: 42px 52px !important;
11781148
}
11791149
}

‎chrome/components/ogx_button-styles.css‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -195,9 +195,13 @@ button {
195195
opacity: 1 !important;
196196
}
197197

198-
#unified-extensions-panel .unified-extensions-item{
199-
padding-block: 0 !important;
200-
margin-block: 0px !important;
198+
#unified-extensions-panel {
199+
--menu-panel-width-wide: 30em !important; /* Keep the second line in 1 line 'Spanish languaje' */
200+
201+
.unified-extensions-item {
202+
padding-block: 0 !important;
203+
margin-block: 0px !important;
204+
}
201205
}
202206

203207
.unified-extensions-item-action-button.panel-no-padding.webextension-browser-action.subviewbutton.subviewbutton-iconic{

‎chrome/components/ogx_contextual-menu.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ menupopup:not(.in-menulist) menuseparator::before {
3535

3636
/* Bug fix: Separator after 'AI menu' causes unwanted scrolling */
3737

38-
:root:not(:has(#context-ask-chat[hidden="true"])) #frame-sep {
38+
#context-ask-chat:not([hidden="true"]) ~ #frame-sep {
3939
display: flex !important;
4040
}
4141

‎chrome/components/ogx_hamburger-menu.css‎

Lines changed: 34 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -54,26 +54,45 @@
5454
background: var(--button-active-bgcolor) !important;
5555
}
5656

57-
/* __________________________________________________ Menu disabled and Sidebar is ON __________________________________________________ */
57+
/* __________________________________________________ Menu 'disabled' and Sidebar is ON __________________________________________________ */
5858

59-
@media -moz-pref("firefoxgx.menu-disabled") and (-moz-pref("firefoxgx.left-sidebar") or (-moz-pref("sidebar.revamp") and -moz-pref("sidebar.position_start"))) {
59+
@media -moz-pref("firefoxgx.menu-disabled") {
60+
@media -moz-pref("firefoxgx.left-sidebar") and -moz-pref("browser.toolbars.bookmarks.visibility", 'always') {
6061

61-
:root {
62-
--padding-left-tab: calc(var(--my-vertical-toolbar-width) - 1px) !important; /* New size of the 'menu' button */
63-
}
62+
:root {
63+
--padding-left-tab: calc(var(--my-vertical-toolbar-width) - 1px) !important; /* New size of the 'menu' button */
64+
--my-vertical-elements-width: calc(var(--my-vertical-toolbar-width) - 1px) !important;
65+
--my-elements-left-margin: var(--my-vertical-elements-width) !important;
66+
}
6467

65-
/* margin to the left of 'menubar-tabsbar-navbar' when new menu is disabled */
68+
/* margin to the left of 'menubar-tabsbar-navbar' when new menu is disabled */
6669

67-
:root:not([chromehidden~="toolbar"]):has(#PersonalToolbar[collapsed="false"]),
68-
:root:not([chromehidden~="toolbar"],[sizemode="fullscreen"]):not(:has(#sidebar-main[hidden="true"],sidebar-main[hidden])) {
69-
& #toolbar-menubar{
70-
padding-inline-start: calc(var(--padding-left-tab) + 2px) !important;
70+
:root:not([chromehidden~="toolbar"]):has(#PersonalToolbar[collapsed="false"]) {
71+
& #toolbar-menubar{
72+
padding-inline-start: var(--padding-left-tab) !important;
73+
}
74+
& #TabsToolbar {
75+
padding-inline-start: var(--padding-left-tab) !important;
76+
}
77+
& #nav-bar{
78+
margin-inline-start: var(--my-vertical-toolbar-width) !important;
79+
}
80+
}
81+
}
82+
83+
@media -moz-pref("sidebar.revamp") and -moz-pref("sidebar.position_start") and (not -moz-pref("firefoxgx.left-sidebar")) {
84+
85+
:root:not([chromehidden~="toolbar"],[sizemode="fullscreen"]):not(:has(#sidebar-main[hidden="true"],sidebar-main[hidden])) {
86+
--my-vertical-elements-width: calc(var(--my-vertical-toolbar-width) - 1px) !important;
87+
--my-elements-left-margin: var(--my-vertical-elements-width) !important;
88+
}
89+
90+
#toolbar-menubar{
91+
padding-inline-start: var(--my-elements-left-margin, 0px) !important;
7192
}
72-
& #TabsToolbar {
73-
padding-inline-start: var(--padding-left-tab) !important;
74-
}
75-
& #nav-bar{
76-
padding-inline-start: var(--my-vertical-toolbar-width) !important;
93+
94+
& #TabsToolbar, #nav-bar {
95+
margin-inline-start: var(--my-elements-left-margin, 0px) !important;
7796
}
7897
}
7998
}

0 commit comments

Comments
 (0)