diff --git a/static/js/app.js b/static/js/app.js index 1ddff81a3d..9d5a56103a 100644 --- a/static/js/app.js +++ b/static/js/app.js @@ -206,13 +206,6 @@ function toggleAliasCardDetailsVisibility(aliasCard) { detailsWrapper.classList.toggle("is-visible"); } -function resetBodyPadding() { - // const header = document.querySelector("header"); - // const headerHeight = header.clientHeight; - // document.body.style.paddingTop = headerHeight + "px"; - // return; -} - function recruitmentLogic() { const recruitmentBannerLink = document.querySelector("#recruitment-banner"); if (!recruitmentBannerLink) { @@ -225,13 +218,6 @@ function recruitmentLogic() { return; } - // Reset document.body padding to accomodate height of recruitment banner - // resetBodyPadding() - - // Reset document.body padding when window is resized and the - // submenu becomes visible/hidden - // window.addEventListener("resize", resetBodyPadding); - recruitmentBannerLink.addEventListener("click", () => { const date = new Date(); date.setTime(date.getTime() + 30*24*60*60*1000) @@ -277,12 +263,6 @@ function addEventListeners() { const mobileMenuLinks = document.querySelector(".mobile-menu-links"); mobileMenuButton.addEventListener("click", () => { mobileMenuWrapper.classList.toggle("menu-open"); - if (mobileMenuWrapper.classList.contains("menu-open")) { - // mobileMenuLinks.style.top = mobileMenuWrapper.clientHeight + "px"; - // return mobileMenuWrapper.style.minHeight = mobileMenuLinks.clientHeight + mobileMenuWrapper.clientHeight + "px"; - } - // mobileMenuLinks.style.top = "0"; - // return mobileMenuWrapper.style.minHeight = "0"; }); } diff --git a/static/scss/partials/main.scss b/static/scss/partials/main.scss index 1be7e11322..d53628928b 100644 --- a/static/scss/partials/main.scss +++ b/static/scss/partials/main.scss @@ -539,8 +539,6 @@ header { padding-bottom: 6rem; padding-left: $spacing-md; padding-right: $spacing-md; - // padding-left: 1.5rem; - // padding-right: 1.5rem; } footer { @@ -645,11 +643,6 @@ table { } .relay-email-card { - // --hPadding: 2.5em; - - // margin-bottom: 2em; - // background-color: white; - // border-radius: 4px; position: relative; transition: all 0.2s ease; } @@ -670,8 +663,6 @@ table { background: transparent; text-align: left; border: none; - // margin-right: 0.75em; - // margin-bottom: 8px; font-weight: 600; cursor: default; height: 100%; /* expand clickable area of relay address */ @@ -1157,10 +1148,6 @@ input.input-has-error { animation: appearSmoothly 0.2s ease; } -.relay-email { - // --emailCardPadding: 16px; -} - .card-top-row { padding-bottom: calc(var(--emailCardPadding) - 8px); } @@ -1170,8 +1157,6 @@ input.input-has-error { } .card-middle-row { - // background-color: rgba(255, 255, 255, 1); - // border-radius: 4px; display: flex; flex-wrap: wrap; } @@ -1188,17 +1173,7 @@ input.input-has-error { text-decoration: underline; } -// .detail-label { -// position: absolute; -// top: 0; -// bottom: 0; -// left: 0; -// min-width: 116px; -// align-items: center; -// } - .detail-label-icon { - // height: 14px; width: 1rem; display: flex; align-items: center; @@ -1207,14 +1182,6 @@ input.input-has-error { display: block; width: 100%; } - // background-image: url("/static/images/arrowhead.svg"); - // background-size: contain; - // display: block; - // transform-origin: center; - // // margin-left: 6px; - // position: absolute; - // // right: 0; - // // top: 1px; transition: all 0.2s ease-in-out; } @@ -1498,8 +1465,6 @@ input.input-has-error { .mobile-menu { position: relative; z-index: 1; - // overflow: hidden; - // min-height: 0; background: #2f2f54; transition: all 0.4s ease; } @@ -1582,11 +1547,6 @@ input.input-has-error { position: absolute; top: 100%; width: 100%; - // visibility: hidden; - // position: absolute; - // top: 0; - // left: 0; - // right: 0; pointer-events: none; background: #2f2f54; box-shadow: inset 1px 3px 3px #20123a30; @@ -2304,10 +2264,6 @@ input.input-has-error { animation: none !important; } - body { - // padding-top: 124px; - } - .stat-description { display: none; } diff --git a/static/scss/partials/vpn-promo.scss b/static/scss/partials/vpn-promo.scss index 67d237c073..03baec6df7 100644 --- a/static/scss/partials/vpn-promo.scss +++ b/static/scss/partials/vpn-promo.scss @@ -3,10 +3,6 @@ body { --vpn-purple: #c5c8fb; } -.vpn-banner-visible main { - // padding-top: 17rem; -} - .vpn-promo-banner + .micro-survey-banner { display: none; } @@ -142,24 +138,12 @@ body { .vpn-promo-banner a { margin-bottom: 0.25rem; } - - .vpn-banner-visible main { - &.dashboard-container { - // padding-top: 9rem; - } - // padding-top: 10rem; - } } @media screen and (min-width: 800px) { .vpn-promo-copy { padding: 0 $spacing-md; - } - - .vpn-banner-visible main { - // padding-top: 5rem; - } - + } } @media screen and (min-width: 960px) { @@ -170,16 +154,4 @@ body { .vpn-promo-banner a { flex-shrink: 0; } -} - -@media screen and (min-width: 850px) { - .vpn-banner-visible main.dashboard-container { - // padding-top: 7rem; - } -} - -@media screen and (min-width: 950px) { - .vpn-banner-visible main.dashboard-container { - // padding-top: 6rem; - } -} +} \ No newline at end of file