third pass through /generate: "Refresh Codename" button styling

freedomofpress · Jul 15, 2021 · 3ad7b2e · 3ad7b2e
1 parent 746d029
commit 3ad7b2e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 5 deletions.
diff --git a/securedrop/sass/source.sass b/securedrop/sass/source.sass
@@ -244,3 +244,25 @@ p#max-file-size
   image-rendering: crisp-edges
   margin-bottom: 10px
   margin-top: 5px
+
+#regenerate-submit
+  span
+    font-size: 0
+
+    &:after
+      content: ""
+      display: inline-block
+      background:
+        image: url(/static/i/font-awesome/refresh-white.png)
+        position: center
+        repeat: no-repeat
+        size: contain
+      opacity: 0.9
+      height: 20px
+      width: 20px
+
+  &:hover, &:active
+    span
+      &:active
+        background:
+          image: url(/static/i/font-awesome/refresh-white.png)
diff --git a/securedrop/source_templates/generate.html b/securedrop/source_templates/generate.html
@@ -18,11 +18,7 @@ <h1>{{ gettext('Welcome') }}</h1>
     <form id="regenerate-form" method="post">
       <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
       <button type="submit" id="regenerate-submit" class="small">
-        {# FIXME:
-        <img class="icon pull-left off-hover" src="{{ url_for('static', filename='i/font-awesome/refresh-white.png') }}" alt="{{ gettext('Refresh codename') }}" width="20" height="20">
-        <img class="icon pull-left on-hover" src="{{ url_for('static', filename='i/font-awesome/refresh-white.png') }}"  alt="{{ gettext('Refresh codename') }}" width="20" height="20">
-        #}
-        {{ gettext('Refresh codename') }}
+        <span>{{ gettext('Refresh codename') }}</span>
       </button>
     </form>
   </div>