Merge pull request #502 from artoonie/better-embed-footer

improve embed header
artoonie · Jul 27, 2024 · dfc88af · dfc88af
2 parents 3499791 + 3790404
commit dfc88af
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 14 deletions.
diff --git a/static/visualizer/icon_popout.png b/static/visualizer/icon_popout.png
diff --git a/static/visualizer/visualize-common.css b/static/visualizer/visualize-common.css
@@ -105,16 +105,19 @@ svg {
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
-  vertical-align: center;
+  vertical-align: top;
 }
 #embedded-footer a {
   color: white;
 }
+#embedded-footer img {
+  vertical-align: top;
+}
 
 .btn {
   font-size: 0.8rem;
 }
-.sendfeedback {
+.popout {
   position: fixed;
   right: 5px;
   font-size: .75em;

diff --git a/templates/visualizer/visualize-ballotpedia.html b/templates/visualizer/visualize-ballotpedia.html
@@ -37,12 +37,15 @@
       </div>
     </div> 
     <div id="embedded-footer">
-      <a href="{% url 'visualize' config.slug %}" target="_blank">
-        <img src="{% static 'visualizer/logo-white.png' %}" width="100px"/>
-      </a>
-      <div class="sendfeedback">
-        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdwMw6xYNyxbZiEtuB0G9F7avQhkLY_jmlXjNOBPA01qR4y3g/viewform?usp=sf_link" target="_blank">Send Feedback</a>
-      </div>
+        Visualizations by
+          <a href="{% url 'visualize' config.slug %}" target="_blank">
+            <img src="{% static 'visualizer/logo-white.png' %}" width="100px"/>
+          </a>
+        <div class="popout">
+          <a href="{% url 'visualize' config.slug %}" target="_blank">
+            <img src="{% static 'visualizer/icon_popout.png' %}" width="15px"/>
+          </a>
+        </div>
     </div>
   </div>
 

diff --git a/templates/visualizer/visualize-embedded.html b/templates/visualizer/visualize-embedded.html
@@ -30,12 +30,15 @@
       {% endif %}
     </div>
     <div id="embedded-footer">
-      <a href="{% url 'visualize' config.slug %}" target="_blank">
-        <img src="{% static 'visualizer/logo-white.png' %}" width="100px"/>
-      </a>
-      <div class="sendfeedback">
-        <a href="https://docs.google.com/forms/d/e/1FAIpQLSdwMw6xYNyxbZiEtuB0G9F7avQhkLY_jmlXjNOBPA01qR4y3g/viewform?usp=sf_link" target="_blank">Send Feedback</a>
-      </div>
+        Visualizations by
+          <a href="{% url 'visualize' config.slug %}" target="_blank">
+            <img src="{% static 'visualizer/logo-white.png' %}" width="100px"/>
+          </a>
+        <div class="popout">
+          <a href="{% url 'visualize' config.slug %}" target="_blank">
+            <img src="{% static 'visualizer/icon_popout.png' %}" width="15px"/>
+          </a>
+        </div>
     </div>
   </div>