Remove new-design styles | Cleaning up duplicated styles

mitodl · Sep 17, 2024 · e69df65 · e69df65
1 parent b1f070c
commit e69df65
Show file tree

Hide file tree

Showing 7 changed files with 5 additions and 26 deletions.
diff --git a/cms/templates/home_page.html b/cms/templates/home_page.html
@@ -5,7 +5,6 @@
 
 {% block title %}{{ site_name }}{% endblock %}
 
-{% block bodyclass %}new-design{% endblock %}
 
 {% block content %}
   <div class="home-page-hero-row d-flex justify-content-md-center align-items-md-center">

diff --git a/frontend/public/scss/home-page/home-page-contact-row.scss b/frontend/public/scss/home-page/home-page-contact-row.scss
@@ -1,4 +1,4 @@
-body.new-design {
+body {
   background: white;
 }
 

diff --git a/frontend/public/scss/home-page/home-page-hero.scss b/frontend/public/scss/home-page/home-page-hero.scss
@@ -1,4 +1,4 @@
-body.new-design {
+body {
     background: white;
 }
 .home-page-hero-row {

diff --git a/frontend/public/scss/layout.scss b/frontend/public/scss/layout.scss
@@ -71,9 +71,7 @@ body {
     padding-top: 50px;
     padding-bottom: 50px;
   }
-}
 
-body.new-design {
   select.form-control {
     background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.41 3.8147e-06L6 4.58L10.59 3.8147e-06L12 1.41L6 7.41L0 1.41L1.41 3.8147e-06Z" fill="%23344055"/></svg>');
     background-repeat: no-repeat;

diff --git a/frontend/public/scss/meta-product-page.scss b/frontend/public/scss/meta-product-page.scss
@@ -5,6 +5,6 @@
 @import "product-page/product-details";
 @import "product-page/product-faculty-members";
 
-body.new-design {
+body {
     background: white;
 }
diff --git a/frontend/public/scss/top-app-bar.scss b/frontend/public/scss/top-app-bar.scss
@@ -1,24 +1,6 @@
 // sass-lint:disable mixins-before-declarations
 
 // old design
-header.site-header {
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
-  background-color: $white;
-
-  .navbar {
-    display: flex;
-    justify-content: space-between;
-    padding: 0;
-
-    @include media-breakpoint-down(md) {
-      position: static;
-    }
-  }
-
-  .nowrap {
-    flex-wrap: unset;
-  }
-}
 
 .user-menu-overlay {
   display: none;
@@ -122,7 +104,7 @@ header.site-header {
   }
 }
 
-header.site-header.new-design {
+header.site-header {
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14);
   background-color: $white;
   font-family: Inter;

diff --git a/frontend/public/src/components/TopBar.js b/frontend/public/src/components/TopBar.js
@@ -29,7 +29,7 @@ const TopBar = ({ currentUser }: Props) => {
   }, [])
 
   return (
-    <header className="site-header new-design d-flex d-flex flex-column">
+    <header className="site-header d-flex d-flex flex-column">
       {showComponent ? (
         <NotificationContainer id="notifications-container" />
       ) : null}