From 6dccf81f23b080a5f9a9518c015da3d6e029464a Mon Sep 17 00:00:00 2001
From: Brian Canini <canini.16@osu.edu>
Date: Wed, 24 Jun 2020 11:47:30 -0400
Subject: [PATCH] style update - adding margin to rows on gallery view page
---
.../assets/sass/components/_gallery.scss | 11 +++++
web/themes/asc_bootstrap/css/style.css | 46 ++++++++++++-------
2 files changed, 40 insertions(+), 17 deletions(-)
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_gallery.scss b/web/themes/asc_bootstrap/assets/sass/components/_gallery.scss
index dc5a50643b..401a1a0d41 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_gallery.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_gallery.scss
@@ -11,6 +11,17 @@
padding: 0 10px 40px;
}
+.view-gallery-directory {
+ .row {
+ display: flex;
+ margin-bottom: 40px;
+
+ @media (max-width: 768px) {
+ display: block;
+ }
+ }
+}
+
//
// Gallery
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 5cc05be764..d2b85fdaec 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -10788,42 +10788,54 @@ article .field--name-body {
padding: 0 10px 40px;
}
-/* line 20, ../assets/sass/components/_gallery.scss */
+/* line 15, ../assets/sass/components/_gallery.scss */
+.view-gallery-directory .row {
+ display: flex;
+ margin-bottom: 40px;
+}
+@media (max-width: 768px) {
+ /* line 15, ../assets/sass/components/_gallery.scss */
+ .view-gallery-directory .row {
+ display: block;
+ }
+}
+
+/* line 31, ../assets/sass/components/_gallery.scss */
.gallery {
margin-bottom: 40px;
}
-/* line 24, ../assets/sass/components/_gallery.scss */
+/* line 35, ../assets/sass/components/_gallery.scss */
.gallery .field--name-field-gallery-media .field--item {
width: 150px;
display: inline-block;
margin: 10px 5px;
}
-/* line 29, ../assets/sass/components/_gallery.scss */
+/* line 40, ../assets/sass/components/_gallery.scss */
.gallery .field--name-field-gallery-media .field--item .gallery-card {
display: inline-block;
margin: 10px 10px 10px 0;
}
-/* line 33, ../assets/sass/components/_gallery.scss */
+/* line 44, ../assets/sass/components/_gallery.scss */
.gallery .field--name-field-gallery-media .field--item .gallery-card a {
width: 150px;
display: inherit;
overflow: hidden;
height: 150px;
}
-/* line 43, ../assets/sass/components/_gallery.scss */
+/* line 54, ../assets/sass/components/_gallery.scss */
.gallery .field--name-field-gallery-media .field--item .video-gallery a {
width: 150px;
display: inherit;
overflow: hidden;
height: 150px;
}
-/* line 49, ../assets/sass/components/_gallery.scss */
+/* line 60, ../assets/sass/components/_gallery.scss */
.gallery .field--name-field-gallery-media .field--item .video-gallery a img {
width: 300px;
height: auto;
}
-/* line 60, ../assets/sass/components/_gallery.scss */
+/* line 71, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay-left {
z-index: 1;
position: inherit;
@@ -10832,7 +10844,7 @@ article .field--name-body {
float: left;
top: 50%;
}
-/* line 68, ../assets/sass/components/_gallery.scss */
+/* line 79, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay-left a {
color: #fff;
font-size: 30px;
@@ -10841,14 +10853,14 @@ article .field--name-body {
left: 10px;
background: rgba(100, 100, 100, 0.5);
}
-/* line 77, ../assets/sass/components/_gallery.scss */
+/* line 88, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay-left a span {
width: 100%;
padding: 0 15px;
text-align: left;
}
-/* line 86, ../assets/sass/components/_gallery.scss */
+/* line 97, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay-right {
z-index: 1;
position: inherit;
@@ -10857,7 +10869,7 @@ article .field--name-body {
float: right;
top: 50%;
}
-/* line 94, ../assets/sass/components/_gallery.scss */
+/* line 105, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay-right a {
color: #fff;
font-size: 30px;
@@ -10866,35 +10878,35 @@ article .field--name-body {
right: 10px;
background: rgba(100, 100, 100, 0.5);
}
-/* line 102, ../assets/sass/components/_gallery.scss */
+/* line 113, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay-right a span {
text-align: right;
padding: 0 15px;
width: 100%;
}
-/* line 117, ../assets/sass/components/_gallery.scss */
+/* line 128, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay a {
opacity: 1 !important;
color: #000000;
position: absolute;
bottom: 50%;
}
-/* line 123, ../assets/sass/components/_gallery.scss */
+/* line 134, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay a:first-child {
left: 10px;
}
-/* line 127, ../assets/sass/components/_gallery.scss */
+/* line 138, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-nav-overlay a:last-child {
right: 10px;
}
-/* line 133, ../assets/sass/components/_gallery.scss */
+/* line 144, ../assets/sass/components/_gallery.scss */
.ekko-lightbox-container > div.ekko-lightbox-item {
z-index: 1;
}
-/* line 137, ../assets/sass/components/_gallery.scss */
+/* line 148, ../assets/sass/components/_gallery.scss */
.embed-responsive {
z-index: 1;
}
--
GitLab