Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-30 08:12:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1920079 - Layout Expt (Var B) - Fix zoom issue on customize panel not overlapping content when open r=home-newtab-reviewers,desktop-theme-reviewers,nbarrett

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D224834
This commit is contained in:
Maxx Crawford 2024-10-15 15:14:12 +00:00
parent f5cb3d7f61
commit b67eb1db60
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
browser/components/newtab/content-src/components/CustomizeMenu/_CustomizeMenu.scss
View File

@ -1,6 +1,8 @@
.personalizeButtonWrapper { .personalizeButtonWrapper {
margin: 0; margin: 0;
padding: 0; padding: 0;
// z-index note: menu should cover fixed search bar and asrouter dev tools toggle button
z-index: 3;
@media (height < 700px) { @media (height < 700px) {
position: absolute; position: absolute;
@ -12,7 +14,6 @@
position: fixed; position: fixed;
inset-block-start: var(--space-xlarge); inset-block-start: var(--space-xlarge);
inset-inline-end: var(--space-xlarge); inset-inline-end: var(--space-xlarge);
z-index: 1000;
} }
} }

2
browser/components/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
View File

@ -10,6 +10,8 @@ $ds-card-image-gradient-solid: rgba(0, 0, 0, 100%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
// Bug 1914571: Reset the z-index threshold for topic labels
z-index: 0;
&.placeholder { &.placeholder {
display: flex; display: flex;

2
browser/components/newtab/content-src/components/Search/_Search.scss
View File

@ -326,7 +326,7 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 9; z-index: 1;
.search-inner-wrapper { .search-inner-wrapper {
min-height: $search-height; min-height: $search-height;

5
browser/components/newtab/css/activity-stream.css
View File

@ -1723,7 +1723,7 @@ main section {
position: fixed; position: fixed;
top: 0; top: 0;
width: 100%; width: 100%;
z-index: 9; z-index: 1;
} }
body:not(.inline-onboarding) .fixed-search .search-wrapper .search-inner-wrapper { body:not(.inline-onboarding) .fixed-search .search-wrapper .search-inner-wrapper {
min-height: 45px; min-height: 45px;
@ -1926,6 +1926,7 @@ main section {
.personalizeButtonWrapper { .personalizeButtonWrapper {
margin: 0; margin: 0;
padding: 0; padding: 0;
z-index: 3;
} }
@media (height < 700px) { @media (height < 700px) {
.personalizeButtonWrapper { .personalizeButtonWrapper {
@ -1939,7 +1940,6 @@ main section {
position: fixed; position: fixed;
inset-block-start: var(--space-xlarge); inset-block-start: var(--space-xlarge);
inset-inline-end: var(--space-xlarge); inset-inline-end: var(--space-xlarge);
z-index: 1000;
} }
} }
@ -4799,6 +4799,7 @@ main section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
z-index: 0;
} }
.ds-card.placeholder { .ds-card.placeholder {
display: flex; display: flex;