Skip to content

Commit

Permalink
Newtab page fix
Browse files Browse the repository at this point in the history
  • Loading branch information
Fedor committed Oct 16, 2023
1 parent 7fd9b48 commit a3feb11
Show file tree
Hide file tree
Showing 105 changed files with 9 additions and 20,710 deletions.
11 changes: 0 additions & 11 deletions browser/components/BrowserGlue.jsm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2917,17 +2917,6 @@ BrowserGlue.prototype = {
);
}

if (currentUIVersion < 76) {
// Clear old onboarding prefs from profile (bug 1462415)
let onboardingPrefs = Services.prefs.getBranch("browser.onboarding.");
if (onboardingPrefs) {
let onboardingPrefsArray = onboardingPrefs.getChildList("");
for (let item of onboardingPrefsArray) {
Services.prefs.clearUserPref("browser.onboarding." + item);
}
}
}

if (currentUIVersion < 77) {
// Remove currentset from all the toolbars
let toolbars = [
Expand Down
215 changes: 0 additions & 215 deletions browser/components/newtab/css/activity-stream-linux.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1162,34 +1162,6 @@ main {
to {
visibility: hidden; } }

@media (min-height: 701px) {
body:not(.inline-onboarding) .fixed-search main {
padding-top: 146px; }
body:not(.inline-onboarding) .fixed-search .search-wrapper {
background-color: var(--newtab-search-header-background-color);
border-bottom: solid 1px var(--newtab-border-secondary-color);
height: 95px;
left: 0;
padding: 30px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9; }
body:not(.inline-onboarding) .fixed-search .search-wrapper .search-inner-wrapper {
height: 35px; }
body:not(.inline-onboarding) .fixed-search .search-wrapper input {
background-position-x: 16px;
background-size: 16px; }
body:not(.inline-onboarding) .fixed-search .search-wrapper input:dir(rtl) {
background-position-x: right 16px; }
body:not(.inline-onboarding) .fixed-search .search-handoff-button {
background-position-x: 12px;
background-size: 24px; }
body:not(.inline-onboarding) .fixed-search .search-handoff-button:dir(rtl) {
background-position-x: right 12px; }
body:not(.inline-onboarding) .fixed-search .search-handoff-button .fake-caret {
top: 10px; } }

.contentSearchSuggestionTable {
background-color: var(--newtab-search-dropdown-color);
border: 0;
Expand Down Expand Up @@ -3337,145 +3309,6 @@ body[lwt-newtab-brighttext] .scene2Icon .icon-light-theme {
.submissionStatus .submitStatusTitle {
font-size: 20px; }

.onboardingMessageContainer {
display: grid;
grid-column-gap: 21px;
grid-template-columns: auto auto auto;
padding-left: 30px;
padding-right: 30px;
min-height: 500px; }
@media (max-width: 850px) {
.onboardingMessageContainer {
grid-template-columns: none;
grid-template-rows: auto auto auto;
padding-left: 110px;
padding-right: 110px; } }

.onboardingMessage {
height: 340px;
text-align: center;
padding: 13px;
font-weight: 200; }
@media (max-width: 850px) {
.onboardingMessage {
height: 170px;
text-align: left;
padding: 10px;
border-bottom: 1px solid #D7D7DB;
display: flex;
margin-bottom: 11px; }
.onboardingMessage:last-child {
border: 0; }
.onboardingMessage .onboardingContent {
padding-left: 10px;
height: 100%; }
.onboardingMessage .onboardingContent > span > h3 {
margin-top: 0;
margin-bottom: 4px;
font-weight: 400; }
.onboardingMessage .onboardingContent > span > p {
margin-top: 0;
line-height: 22px;
font-size: 15px; } }
@media (max-width: 650px) {
.onboardingMessage {
height: 250px; } }
.onboardingMessage .onboardingContent {
height: 175px; }
.onboardingMessage .onboardingContent > span > h3 {
color: #0C0C0D;
margin-bottom: 8px;
font-weight: 400; }
.onboardingMessage .onboardingContent > span > p {
color: #4A4A4F;
margin-top: 0;
height: 180px;
margin-bottom: 12px;
font-size: 15px;
line-height: 22px; }
@media (max-width: 650px) {
.onboardingMessage .onboardingContent > span > p {
margin-bottom: 0;
height: 160px; } }
.onboardingMessage .onboardingButton {
background-color: rgba(12, 12, 13, 0.1);
border: 0;
width: 150px;
height: 30px;
margin-bottom: 23px;
padding: 4px 0 6px;
font-size: 15px; }
@media (max-width: 850px) {
.onboardingMessage .onboardingButton {
float: right;
margin-top: -105px;
margin-inline-end: -10px; } }
@media (max-width: 650px) {
.onboardingMessage .onboardingButton {
float: none; } }
.onboardingMessage .onboardingButton:focus, .onboardingMessage .onboardingButton.active, .onboardingMessage .onboardingButton:hover {
box-shadow: 0 0 0 5px #D7D7DB;
transition: box-shadow 150ms; }
.onboardingMessage::before {
content: '';
height: 230px;
width: 1px;
position: absolute;
background-color: #D7D7DB;
margin-top: 40px;
margin-inline-start: 215px; }
@media (max-width: 850px) {
.onboardingMessage::before {
content: none; } }
.onboardingMessage:last-child::before {
content: none; }

.onboardingMessageImage {
height: 100px;
width: 120px;
background-size: 120px;
background-position: center center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle; }
@media (max-width: 850px) {
.onboardingMessageImage {
height: 75px;
min-width: 80px;
background-size: 80px; } }
.onboardingMessageImage.addons {
background-image: url("../data/content/assets/[email protected]"); }
.onboardingMessageImage.privatebrowsing {
background-image: url("../data/content/assets/[email protected]"); }
.onboardingMessageImage.screenshots {
background-image: url("../data/content/assets/[email protected]"); }
.onboardingMessageImage.gift {
background-image: url("../data/content/assets/[email protected]"); }
.onboardingMessageImage.sync {
background-image: url("../data/content/assets/[email protected]"); }
.onboardingMessageImage.devices {
background-image: url("../data/content/assets/trailhead/card-illo-devices.png"); }
.onboardingMessageImage.fbcont {
background-image: url("../data/content/assets/trailhead/card-illo-fbcont.png"); }
.onboardingMessageImage.ffmonitor {
background-image: url("../data/content/assets/trailhead/card-illo-ffmonitor.png"); }
.onboardingMessageImage.ffsend {
background-image: url("../data/content/assets/trailhead/card-illo-ffsend.png"); }
.onboardingMessageImage.lockwise {
background-image: url("../data/content/assets/trailhead/card-illo-lockwise.png"); }
.onboardingMessageImage.mobile {
background-image: url("../data/content/assets/trailhead/card-illo-mobile.png"); }
.onboardingMessageImage.pledge {
background-image: url("../data/content/assets/trailhead/card-illo-pledge.png"); }
.onboardingMessageImage.pocket {
background-image: url("../data/content/assets/trailhead/card-illo-pocket.png"); }
.onboardingMessageImage.private {
background-image: url("../data/content/assets/trailhead/card-illo-private.png"); }
.onboardingMessageImage.sendtab {
background-image: url("../data/content/assets/trailhead/card-illo-sendtab.png"); }
.onboardingMessageImage.tracking {
background-image: url("../data/content/assets/trailhead/card-illo-tracking.png"); }

.EOYSnippetForm {
margin: 10px 0 8px;
align-self: start;
Expand Down Expand Up @@ -3998,51 +3831,3 @@ a.firstrun-link {
.trailheadCard {
font-size: 15px;
padding: 40px; } }
.trailheadCard .onboardingTitle {
font-weight: normal;
color: var(--newtab-text-primary-color);
margin: 10px 0 4px;
font-size: 15px; }
@media (min-width: 1122px) {
.trailheadCard .onboardingTitle {
font-size: 18px; } }
.trailheadCard .onboardingText {
margin: 0 0 60px;
color: var(--newtab-text-conditional-color);
line-height: 1.5;
font-weight: 200; }
.trailheadCard .onboardingButton {
color: var(--newtab-text-conditional-color);
background: var(--trailhead-card-button-background-color);
border: 0;
margin: 14px;
min-width: 70%;
padding: 6px 14px;
white-space: pre-wrap; }
.trailheadCard .onboardingButton:focus, .trailheadCard .onboardingButton:hover {
box-shadow: none;
background: var(--trailhead-card-button-background-hover-color); }
.trailheadCard .onboardingButton:focus {
outline: dotted 1px; }
.trailheadCard .onboardingButton:active {
background: var(--trailhead-card-button-background-active-color); }
.trailheadCard .onboardingButtonContainer {
position: absolute;
bottom: 16px;
left: 0;
width: 100%;
text-align: center; }

.inline-onboarding.activity-stream.welcome {
overflow-y: scroll; }

.inline-onboarding .modalOverlayInner {
position: absolute; }

.inline-onboarding .outer-wrapper {
position: relative; }
.inline-onboarding .outer-wrapper .prefs-button button {
position: absolute; }

.inline-onboarding .asrouter-toggle {
position: absolute; }
Loading

0 comments on commit a3feb11

Please sign in to comment.