From 9ef127afc2cf220538fd1788721ce5254f679a78 Mon Sep 17 00:00:00 2001
From: Brian Canini <canini.16@osu.edu>
Date: Wed, 28 Oct 2020 10:18:47 -0400
Subject: [PATCH] fixing research gallery mobile view
---
.../assets/sass/components/_research.scss | 9 ++-
web/themes/asc_bootstrap/css/style.css | 64 +++++++++----------
2 files changed, 36 insertions(+), 37 deletions(-)
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_research.scss b/web/themes/asc_bootstrap/assets/sass/components/_research.scss
index 1874422aa4..bee094e30c 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_research.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_research.scss
@@ -7,11 +7,6 @@
//## Research Directory.
-.view-research-project-gallery .row {
- display: flex;
- margin-bottom: 40px;
-}
-
.page-node-type-research-landing-page {
#views-exposed-form-research-project-directory-block-1 {
@@ -31,6 +26,10 @@
.row {
display: flex;
margin-bottom: 40px;
+
+ @media (max-width: 768px) {
+ display: block;
+ }
}
}
}
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index c8449a78dd..527e3a9fc8 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -12658,13 +12658,7 @@ article.news-story {
padding-top: 20px;
}
-/* line 10, ../assets/sass/components/_research.scss */
-.view-research-project-gallery .row {
- display: flex;
- margin-bottom: 40px;
-}
-
-/* line 18, ../assets/sass/components/_research.scss */
+/* line 13, ../assets/sass/components/_research.scss */
.page-node-type-research-landing-page #views-exposed-form-research-project-directory-block-1 .form-inline .control-label {
position: absolute;
left: -10000px;
@@ -12673,121 +12667,127 @@ article.news-story {
height: 1px;
overflow: hidden;
}
-/* line 28, ../assets/sass/components/_research.scss */
+/* line 23, ../assets/sass/components/_research.scss */
.page-node-type-research-landing-page .view-research-project-gallery {
margin-bottom: 80px;
}
-/* line 31, ../assets/sass/components/_research.scss */
+/* line 26, ../assets/sass/components/_research.scss */
.page-node-type-research-landing-page .view-research-project-gallery .row {
display: flex;
margin-bottom: 40px;
}
+@media (max-width: 768px) {
+ /* line 26, ../assets/sass/components/_research.scss */
+ .page-node-type-research-landing-page .view-research-project-gallery .row {
+ display: block;
+ }
+}
-/* line 42, ../assets/sass/components/_research.scss */
+/* line 41, ../assets/sass/components/_research.scss */
.view-research-project-directory table .views-field-title {
width: 35%;
}
-/* line 46, ../assets/sass/components/_research.scss */
+/* line 45, ../assets/sass/components/_research.scss */
.view-research-project-directory table .views-field-field-research-year {
width: 10%;
}
@media (max-width: 992px) {
- /* line 46, ../assets/sass/components/_research.scss */
+ /* line 45, ../assets/sass/components/_research.scss */
.view-research-project-directory table .views-field-field-research-year {
width: 15%;
}
}
-/* line 63, ../assets/sass/components/_research.scss */
+/* line 62, ../assets/sass/components/_research.scss */
.page-node-type-research article {
margin-bottom: 16px;
}
-/* line 67, ../assets/sass/components/_research.scss */
+/* line 66, ../assets/sass/components/_research.scss */
.page-node-type-research .page-header {
display: none;
}
-/* line 71, ../assets/sass/components/_research.scss */
+/* line 70, ../assets/sass/components/_research.scss */
.page-node-type-research .research-title-wrapper {
padding-left: 0;
}
-/* line 75, ../assets/sass/components/_research.scss */
+/* line 74, ../assets/sass/components/_research.scss */
.page-node-type-research .research-cont {
padding-left: 0;
}
-/* line 78, ../assets/sass/components/_research.scss */
+/* line 77, ../assets/sass/components/_research.scss */
.page-node-type-research .research-cont .field--name-field-research-body {
margin: 20px 0 40px;
}
-/* line 83, ../assets/sass/components/_research.scss */
+/* line 82, ../assets/sass/components/_research.scss */
.page-node-type-research .research-users {
margin-bottom: 15px;
}
-/* line 86, ../assets/sass/components/_research.scss */
+/* line 85, ../assets/sass/components/_research.scss */
.page-node-type-research .research-users h2 {
line-height: 0;
font-size: 18px;
}
-/* line 92, ../assets/sass/components/_research.scss */
+/* line 91, ../assets/sass/components/_research.scss */
.page-node-type-research .taxonomy-research-wrapper {
width: 100%;
display: inline-block;
}
-/* line 96, ../assets/sass/components/_research.scss */
+/* line 95, ../assets/sass/components/_research.scss */
.page-node-type-research .taxonomy-research-wrapper .taxonomy-research-heading {
width: 100%;
padding-top: 15px;
}
-/* line 100, ../assets/sass/components/_research.scss */
+/* line 99, ../assets/sass/components/_research.scss */
.page-node-type-research .taxonomy-research-wrapper .taxonomy-research-heading h3 {
line-height: 0;
font-size: 18px;
}
-/* line 111, ../assets/sass/components/_research.scss */
+/* line 110, ../assets/sass/components/_research.scss */
.research .field--name-field-research-body {
margin-bottom: 20px;
}
-/* line 124, ../assets/sass/components/_research.scss */
+/* line 123, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery article {
margin-bottom: 16px;
}
-/* line 128, ../assets/sass/components/_research.scss */
+/* line 127, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .page-header {
display: none;
}
-/* line 132, ../assets/sass/components/_research.scss */
+/* line 131, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .rgall-title-wrapper {
padding-left: 0;
}
-/* line 136, ../assets/sass/components/_research.scss */
+/* line 135, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .rgall-cont {
padding-left: 0;
}
-/* line 139, ../assets/sass/components/_research.scss */
+/* line 138, ../assets/sass/components/_research.scss */
.page-node-type-research-project-gallery .rgall-cont .field--name-body {
margin: 20px 0 40px;
}
-/* line 151, ../assets/sass/components/_research.scss */
+/* line 150, ../assets/sass/components/_research.scss */
.taxonomy-rgall-heading {
float: left;
width: 100%;
padding-top: 15px;
}
-/* line 156, ../assets/sass/components/_research.scss */
+/* line 155, ../assets/sass/components/_research.scss */
.taxonomy-rgall-heading h2 {
line-height: 0;
font-size: 18px;
}
-/* line 162, ../assets/sass/components/_research.scss */
+/* line 161, ../assets/sass/components/_research.scss */
.taxonomy-research-heading {
float: left;
width: 100%;
padding-top: 15px;
}
-/* line 167, ../assets/sass/components/_research.scss */
+/* line 166, ../assets/sass/components/_research.scss */
.taxonomy-research-heading h2 {
line-height: 0;
font-size: 18px;
--
GitLab