diff --git a/opentech/apply/activity/templates/activity/include/listing_base.html b/opentech/apply/activity/templates/activity/include/listing_base.html index c9ab6b136dde458a41ace7d0b7dff097a44eee9f..43086846bfe4c280ce78ec60741f9370c2520f5f 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 1b7832fb20ed02e5abb10117f622a0c6b695c5e1..df79653ca8e125bd8c1bf017df31226dca6e7f06 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 4d0e2aa5e870da94c70bcb8ba81e28ad6498c85f..fd6e216b5e96e394a52d2cb987acb7e1abb9d47d 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 cd09420dd01ab6ebbab01a0e1da9aa3d8d96d696..f4ba294233bf4beb42819f4c5f540381031687cb 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>