mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-05 18:20:44 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Activity Stream - Align pages #1068

Browse source
This commit is contained in:
alstjr7375 2025-02-14 05:16:55 +09:00
parent 7f6a63fb93
commit 209a1cfe13
5 changed files with 39 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

16
css/leptonChrome.css generated
View file

@ -10598,8 +10598,8 @@
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1; opacity: 1;
} }
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: auto; pointer-events: none;
} }
} }
@supports -moz-bool-pref("userChrome.tabbar.one_liner") { @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@ -10620,8 +10620,8 @@
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1; opacity: 1;
} }
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: auto; pointer-events: none;
} }
} }
} }
@ -25704,8 +25704,8 @@
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1; opacity: 1;
} }
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: auto; pointer-events: none;
} }
} }
@media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px), @media screen and (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.autohide.navbar") and (-moz-bool-pref: "userChrome.tabbar.one_liner") and (-moz-bool-pref: "userChrome.tabbar.one_liner.responsive") and (max-width: 1100px),
@ -25727,8 +25727,8 @@
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1; opacity: 1;
} }
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: auto; pointer-events: none;
} }
} }
@media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"), @media (-moz-bool-pref: "userChrome.autohide.tabbar") and (-moz-bool-pref: "userChrome.autohide.navbar"),

8
css/leptonChromeESR.css generated
View file

@ -11036,8 +11036,8 @@
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1; opacity: 1;
} }
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: auto; pointer-events: none;
} }
} }
@supports -moz-bool-pref("userChrome.tabbar.one_liner") { @supports -moz-bool-pref("userChrome.tabbar.one_liner") {
@ -11058,8 +11058,8 @@
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
opacity: 1; opacity: 1;
} }
#navigator-toolbox:is(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar { #navigator-toolbox:not(:hover, :focus-within) #nav-bar:not([customizing]) #urlbar {
pointer-events: auto; pointer-events: none;
} }
} }
} }

16
css/leptonContent.css generated
View file

@ -361,7 +361,12 @@
} }
/** Activity Stream - Web Site Icon: full size ******************************/ /** Activity Stream - Web Site Icon: full size ******************************/
@supports -moz-bool-pref("userContent.newTab.full_icon") { @supports -moz-bool-pref("userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
}
.top-site-outer .tile { .top-site-outer .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden; overflow: hidden;
} }
.top-site-outer .icon-wrapper { .top-site-outer .icon-wrapper {
@ -426,7 +431,8 @@
@supports -moz-bool-pref("userContent.newTab.pocket_to_last") { @supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
.body-wrapper.on { .body-wrapper.on {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap !important;
flex-direction: row !important;
} }
.body-wrapper.on > .discovery-stream.ds-layout { .body-wrapper.on > .discovery-stream.ds-layout {
flex-basis: 100%; flex-basis: 100%;
@ -4094,7 +4100,12 @@
} }
/** Activity Stream - Web Site Icon: full size ******************************/ /** Activity Stream - Web Site Icon: full size ******************************/
@media (-moz-bool-pref: "userContent.newTab.full_icon") { @media (-moz-bool-pref: "userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
}
.top-site-outer .tile { .top-site-outer .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden; overflow: hidden;
} }
.top-site-outer .icon-wrapper { .top-site-outer .icon-wrapper {
@ -4157,7 +4168,8 @@
@media (-moz-bool-pref: "userContent.newTab.pocket_to_last") { @media (-moz-bool-pref: "userContent.newTab.pocket_to_last") {
.body-wrapper.on { .body-wrapper.on {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap !important;
flex-direction: row !important;
} }
.body-wrapper.on > .discovery-stream.ds-layout { .body-wrapper.on > .discovery-stream.ds-layout {
flex-basis: 100%; flex-basis: 100%;

8
css/leptonContentESR.css generated
View file

@ -361,7 +361,12 @@
} }
/** Activity Stream - Web Site Icon: full size ******************************/ /** Activity Stream - Web Site Icon: full size ******************************/
@supports -moz-bool-pref("userContent.newTab.full_icon") { @supports -moz-bool-pref("userContent.newTab.full_icon") {
.top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
}
.top-site-outer .tile { .top-site-outer .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden; overflow: hidden;
} }
.top-site-outer .icon-wrapper { .top-site-outer .icon-wrapper {
@ -426,7 +431,8 @@
@supports -moz-bool-pref("userContent.newTab.pocket_to_last") { @supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
.body-wrapper.on { .body-wrapper.on {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap !important;
flex-direction: row !important;
} }
.body-wrapper.on > .discovery-stream.ds-layout { .body-wrapper.on > .discovery-stream.ds-layout {
flex-basis: 100%; flex-basis: 100%;

7
src/contents/_activity_stream.scss
View file

@ -36,7 +36,11 @@
/** Activity Stream - Web Site Icon: full size ******************************/ /** Activity Stream - Web Site Icon: full size ******************************/
@include Option("userContent.newTab.full_icon") { @include Option("userContent.newTab.full_icon") {
.top-site-outer { .top-site-outer {
width: 120px !important; /* v135: calc(var(--size-item-large) * 3); */
.tile { .tile {
width: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
height: 80px !important; /* v135: calc(var(--size-item-large) * 2); */
overflow: hidden; overflow: hidden;
} }
@ -115,7 +119,8 @@
@include Option("userContent.newTab.pocket_to_last") { @include Option("userContent.newTab.pocket_to_last") {
.body-wrapper.on { .body-wrapper.on {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap !important;
flex-direction: row !important;
> .discovery-stream.ds-layout { > .discovery-stream.ds-layout {
flex-basis: 100%; flex-basis: 100%;