From d695260e6e01e4caffbecf694006b4ee50b9183a Mon Sep 17 00:00:00 2001
From: bcanini <canini.16@osu.edu>
Date: Mon, 11 Feb 2019 10:32:36 -0500
Subject: [PATCH] asc_bootstrap - sass for new people filter mobile view
---
.../assets/sass/components/_people.scss | 63 +++++++++++++++
web/themes/asc_bootstrap/css/style.css | 79 ++++++++++++++++---
2 files changed, 132 insertions(+), 10 deletions(-)
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_people.scss b/web/themes/asc_bootstrap/assets/sass/components/_people.scss
index c430585ca3..9c6791db21 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_people.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_people.scss
@@ -160,6 +160,69 @@
}
+// --------------------------------------------------
+
+//## Mobile View.
+
+#views-exposed-form-people-directory-page-2 {
+ background: #D8D8D8;
+ padding: 10px;
+
+ details {
+ background: #ffffff;
+ padding: 5px 10px;
+ border-radius: 8px;
+ margin: 10px 0;
+ }
+
+ .ppl-filter-heading {
+ color: #225D62;
+ margin: 5px 0;
+ text-transform: capitalize;
+ }
+
+ .ppl-taxon-heading {
+ margin-top: 50px;
+ margin-bottom: -5px;
+ }
+
+ .form-checkbox {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ie-appearance: none;
+ background-color: #fafafa;
+ border: 1px solid #cacece;
+ box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
+ padding: 9px;
+ border-radius: 3px;
+ display: inline-block;
+ position: relative;
+ top: 4px;
+ margin-right: 5px;
+
+ &:active, &:checked:active {
+ box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
+ }
+
+ &:checked {
+ background-color: #442369;
+ border: 1px solid #adb8c0;
+ box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
+ color: #99a1a7;
+ }
+
+ &:checked:after {
+ content: '\2713';
+ font-size: 14px;
+ position: absolute;
+ top: 0px;
+ left: 3px;
+ color: $white;
+ }
+ }
+
+}
+
// --------------------------------------------------
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 24cb0db827..7915247b03 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -11311,50 +11311,109 @@ article.news-story {
height: 100%;
}
-/* line 168, ../assets/sass/components/_people.scss */
+/* line 167, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 {
+ background: #D8D8D8;
+ padding: 10px;
+}
+/* line 171, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 details {
+ background: #ffffff;
+ padding: 5px 10px;
+ border-radius: 8px;
+ margin: 10px 0;
+}
+/* line 178, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .ppl-filter-heading {
+ color: #225D62;
+ margin: 5px 0;
+ text-transform: capitalize;
+}
+/* line 184, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .ppl-taxon-heading {
+ margin-top: 50px;
+ margin-bottom: -5px;
+}
+/* line 189, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ie-appearance: none;
+ background-color: #fafafa;
+ border: 1px solid #cacece;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
+ padding: 9px;
+ border-radius: 3px;
+ display: inline-block;
+ position: relative;
+ top: 4px;
+ margin-right: 5px;
+}
+/* line 203, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox:active, #views-exposed-form-people-directory-page-2 .form-checkbox:checked:active {
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
+}
+/* line 207, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox:checked {
+ background-color: #442369;
+ border: 1px solid #adb8c0;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
+ color: #99a1a7;
+}
+/* line 214, ../assets/sass/components/_people.scss */
+#views-exposed-form-people-directory-page-2 .form-checkbox:checked:after {
+ content: '\2713';
+ font-size: 14px;
+ position: absolute;
+ top: 0px;
+ left: 3px;
+ color: #ffffff;
+}
+
+/* line 231, ../assets/sass/components/_people.scss */
.path-user .page-header {
display: none;
}
-/* line 172, ../assets/sass/components/_people.scss */
+/* line 235, ../assets/sass/components/_people.scss */
.bio-header-top {
background: #F9F9F9;
}
-/* line 177, ../assets/sass/components/_people.scss */
+/* line 240, ../assets/sass/components/_people.scss */
.bio-header-top .bio-top-right img {
padding: 15px 0;
width: 100%;
}
-/* line 185, ../assets/sass/components/_people.scss */
+/* line 248, ../assets/sass/components/_people.scss */
.bio-header-top .field--name-field-google-map-location .field--item {
padding: 20px 0;
}
-/* line 188, ../assets/sass/components/_people.scss */
+/* line 251, ../assets/sass/components/_people.scss */
.bio-header-top .field--name-field-google-map-location .field--item .geolocation-formatter-map-wrapper {
border: solid 2px #979797;
}
-/* line 195, ../assets/sass/components/_people.scss */
+/* line 258, ../assets/sass/components/_people.scss */
.bio-header {
width: 100%;
float: left;
margin: 0 0 20px;
}
-/* line 201, ../assets/sass/components/_people.scss */
+/* line 264, ../assets/sass/components/_people.scss */
.bio-btm-left {
margin-bottom: 40px;
}
-/* line 204, ../assets/sass/components/_people.scss */
+/* line 267, ../assets/sass/components/_people.scss */
.bio-btm-left h2 {
font-size: 22px;
}
-/* line 208, ../assets/sass/components/_people.scss */
+/* line 271, ../assets/sass/components/_people.scss */
.bio-btm-left .bio-exp {
padding-left: 0;
}
-/* line 214, ../assets/sass/components/_people.scss */
+/* line 277, ../assets/sass/components/_people.scss */
.bio-btm-right h3 {
font-size: 18px;
padding-top: 20px;
--
GitLab