Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-27 06:43:32 +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 {
margin: 0;
padding: 0;
// z-index note: menu should cover fixed search bar and asrouter dev tools toggle button
z-index: 3;
@media (height < 700px) {
position: absolute;
@ -12,7 +14,6 @@
position: fixed;
inset-block-start: 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;
flex-direction: column;
position: relative;
// Bug 1914571: Reset the z-index threshold for topic labels
z-index: 0;
&.placeholder {
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;
top: 0;
width: 100%;
z-index: 9;
z-index: 1;
.search-inner-wrapper {
min-height: $search-height;

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

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