From 292de413e758ad7a7ae6d2a017aeddf957745c6a Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Wed, 7 Mar 2018 11:12:55 +0000
Subject: [PATCH] adding private eye svg
---
.../templates/activity/include/listing_base.html | 6 +++---
opentech/static_src/src/sass/apply/components/_feed.scss | 1 +
opentech/static_src/src/sass/apply/components/_icon.scss | 8 ++++++++
opentech/templates/includes/sprites.html | 9 +++++++++
4 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/opentech/apply/activity/templates/activity/include/listing_base.html b/opentech/apply/activity/templates/activity/include/listing_base.html
index c9ab6b136..43086846b 100644
--- a/opentech/apply/activity/templates/activity/include/listing_base.html
+++ b/opentech/apply/activity/templates/activity/include/listing_base.html
@@ -1,4 +1,7 @@
<div class="feed__item feed__item--{{ activity.type }}">
+ {% if activity.private %}
+ <svg class="icon icon--private-eye"><use xlink:href="#private-eye"></use></svg>
+ {% endif %}
<div class="feed__pre-content">
<p class="feed__label feed__label--{{ activity.type }}">{{ activity.type|capfirst }}</p>
</div>
@@ -6,9 +9,6 @@
<div class="feed__meta">
<p class="feed__label feed__label--{{ activity.type }} feed__label--mobile">{{ activity.type|capfirst }}</p>
<p class="feed__meta-item">{{ activity.timestamp|date:"m.d.y h:iA e" }}</p>
- {% if activity.private %}
- <p>PRIVATE EYE</p>
- {% endif %}
</div>
<div class="feed__heading">
<h4 class="feed__name">{{ activity.user }}</h4>
diff --git a/opentech/static_src/src/sass/apply/components/_feed.scss b/opentech/static_src/src/sass/apply/components/_feed.scss
index 1b7832fb2..df79653ca 100644
--- a/opentech/static_src/src/sass/apply/components/_feed.scss
+++ b/opentech/static_src/src/sass/apply/components/_feed.scss
@@ -1,5 +1,6 @@
.feed {
&__item {
+ position: relative;
display: flex;
padding-bottom: 20px;
margin-bottom: 25px;
diff --git a/opentech/static_src/src/sass/apply/components/_icon.scss b/opentech/static_src/src/sass/apply/components/_icon.scss
index 4d0e2aa5e..fd6e216b5 100644
--- a/opentech/static_src/src/sass/apply/components/_icon.scss
+++ b/opentech/static_src/src/sass/apply/components/_icon.scss
@@ -78,4 +78,12 @@
padding: 20px;
}
}
+
+ &--private-eye {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 35px;
+ height: 25px;
+ }
}
diff --git a/opentech/templates/includes/sprites.html b/opentech/templates/includes/sprites.html
index cd09420dd..f4ba29423 100644
--- a/opentech/templates/includes/sprites.html
+++ b/opentech/templates/includes/sprites.html
@@ -277,4 +277,13 @@
<symbol id="chevron" viewBox="0 0 23 12">
<path d="M11.5 0l-.975.824L0 9.737 1.95 12l9.55-8.089L21.05 12 23 9.737 12.475.824z" fill-rule="nonzero" />
</symbol>
+
+ <symbol id="private-eye" viewBox="0 0 29 21">
+ <g fill="none" fill-rule="evenodd">
+ <path d="M14.5 13.976c1.883 0 3.41-1.556 3.41-3.476s-1.527-3.476-3.41-3.476c-1.883 0-3.41 1.556-3.41 3.476s1.527 3.476 3.41 3.476z" stroke="#F05E54" stroke-width="2" />
+ <path d="M17.32 8.366c-1.234-1.47-3.404-1.682-4.846-.472-1.442 1.21-1.611 3.384-.378 4.854" fill="#F05E54" />
+ <path d="M14.5 19.073c4.206.017 8.337-2.918 12.393-8.805-3.324-5.56-7.455-8.341-12.393-8.341-4.938 0-9.082 2.858-12.432 8.573 4.172 5.699 8.316 8.556 12.432 8.573z" stroke="#F05E54" stroke-width="2" />
+ <path d="M24.273 1L5.182 20" stroke="#F05E54" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" />
+ </g>
+ </symbol>
</svg>
--
GitLab