From f29cf8e9e6ba587163dc9aa9fb91e7ff63da8446 Mon Sep 17 00:00:00 2001
From: Brian Canini <canini.16@osu.edu>
Date: Thu, 18 Nov 2021 14:35:25 -0500
Subject: [PATCH] mobile styles for academic programs and departments and
 centers

---
 .../sass/components/_academic-programs.scss   | 19 +++++
 .../sass/components/_departments-centers.scss | 42 +++++++++++
 web/themes/asc_bootstrap/css/style.css        | 73 +++++++++++++++++--
 3 files changed, 129 insertions(+), 5 deletions(-)

diff --git a/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss b/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss
index e1c60c4d3e..b546ffa436 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_academic-programs.scss
@@ -156,3 +156,22 @@
     }
   }
 }
+
+.page-node-type-academic-programs {
+
+  aside {
+
+    @media (max-width: 768px) {
+      min-height: auto;
+      float: none;
+    }
+
+    .region-sidebar-menu {
+
+      @media (max-width: 768px) {
+        display: block;
+        float: none;
+      }
+    }
+  }
+}
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss b/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss
index 62c64015ab..704884ecfb 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_departments-centers.scss
@@ -144,6 +144,10 @@
     .btn {
       text-transform: uppercase;
       margin: 5px 0 15px;
+
+      @media (max-width: 768px) {
+        width: 100%;
+      }
     }
 
     .dc-social {
@@ -153,12 +157,25 @@
 
       li {
         display: inline;
+
+        @media (max-width: 768px) {
+          margin-right: 10px;
+        }
       }
 
       a {
         color: #373535;
         text-decoration: none;
       }
+
+      @media (max-width: 768px) {
+        font-size: 40px;
+      }
+    }
+
+    @media (max-width: 768px) {
+      width: 100%;
+      float: none;
     }
   }
 
@@ -166,9 +183,34 @@
     width: 40%;
     display: inline-block;
     float: right;
+
+    @media (max-width: 768px) {
+      width: 100%;
+      display: block;
+      float: none;
+    }
   }
 }
 
 .dc-add-cont {
   margin-bottom: 40px;
 }
+
+.page-node-type-departments-centers {
+
+  aside {
+
+    @media (max-width: 768px) {
+      min-height: auto;
+      float: none;
+    }
+
+    .region-sidebar-menu {
+
+      @media (max-width: 768px) {
+        display: block;
+        float: none;
+      }
+    }
+  }
+}
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index fa7f8a93af..076a6d72bc 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -10362,6 +10362,21 @@ figcaption {
   margin-bottom: 10px;
 }
 
+@media (max-width: 768px) {
+  /* line 162, ../assets/sass/components/_academic-programs.scss */
+  .page-node-type-academic-programs aside {
+    min-height: auto;
+    float: none;
+  }
+}
+@media (max-width: 768px) {
+  /* line 169, ../assets/sass/components/_academic-programs.scss */
+  .page-node-type-academic-programs aside .region-sidebar-menu {
+    display: block;
+    float: none;
+  }
+}
+
 /* line 1, ../assets/sass/components/_cbpmenu.scss */
 .cbp-hrmenu {
   width: 100%;
@@ -10687,33 +10702,81 @@ figcaption {
   text-transform: uppercase;
   margin: 5px 0 15px;
 }
-/* line 149, ../assets/sass/components/_departments-centers.scss */
+@media (max-width: 768px) {
+  /* line 144, ../assets/sass/components/_departments-centers.scss */
+  .dc-main-cont .dc-main-cont-lcol .btn {
+    width: 100%;
+  }
+}
+/* line 153, ../assets/sass/components/_departments-centers.scss */
 .dc-main-cont .dc-main-cont-lcol .dc-social {
   list-style-type: none;
   font-size: 30px;
   padding: 0;
 }
-/* line 154, ../assets/sass/components/_departments-centers.scss */
+/* line 158, ../assets/sass/components/_departments-centers.scss */
 .dc-main-cont .dc-main-cont-lcol .dc-social li {
   display: inline;
 }
-/* line 158, ../assets/sass/components/_departments-centers.scss */
+@media (max-width: 768px) {
+  /* line 158, ../assets/sass/components/_departments-centers.scss */
+  .dc-main-cont .dc-main-cont-lcol .dc-social li {
+    margin-right: 10px;
+  }
+}
+/* line 166, ../assets/sass/components/_departments-centers.scss */
 .dc-main-cont .dc-main-cont-lcol .dc-social a {
   color: #373535;
   text-decoration: none;
 }
-/* line 165, ../assets/sass/components/_departments-centers.scss */
+@media (max-width: 768px) {
+  /* line 153, ../assets/sass/components/_departments-centers.scss */
+  .dc-main-cont .dc-main-cont-lcol .dc-social {
+    font-size: 40px;
+  }
+}
+@media (max-width: 768px) {
+  /* line 140, ../assets/sass/components/_departments-centers.scss */
+  .dc-main-cont .dc-main-cont-lcol {
+    width: 100%;
+    float: none;
+  }
+}
+/* line 182, ../assets/sass/components/_departments-centers.scss */
 .dc-main-cont .dc-main-cont-rcol {
   width: 40%;
   display: inline-block;
   float: right;
 }
+@media (max-width: 768px) {
+  /* line 182, ../assets/sass/components/_departments-centers.scss */
+  .dc-main-cont .dc-main-cont-rcol {
+    width: 100%;
+    display: block;
+    float: none;
+  }
+}
 
-/* line 172, ../assets/sass/components/_departments-centers.scss */
+/* line 195, ../assets/sass/components/_departments-centers.scss */
 .dc-add-cont {
   margin-bottom: 40px;
 }
 
+@media (max-width: 768px) {
+  /* line 201, ../assets/sass/components/_departments-centers.scss */
+  .page-node-type-departments-centers aside {
+    min-height: auto;
+    float: none;
+  }
+}
+@media (max-width: 768px) {
+  /* line 208, ../assets/sass/components/_departments-centers.scss */
+  .page-node-type-departments-centers aside .region-sidebar-menu {
+    display: block;
+    float: none;
+  }
+}
+
 /* line 11, ../assets/sass/components/_discover-your-path.scss */
 .view-discover-your-path .inner-dyp-interest {
   text-align: right;
-- 
GitLab