feat: add help to expiration dates

[skip ci]
anna-is-cute · Jul 16, 2018 · 9dba35d · 9dba35d
1 parent 2cc90ae
commit 9dba35d
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 7 deletions.
diff --git a/webserver/web/src/css/custom.scss b/webserver/web/src/css/custom.scss
@@ -288,3 +288,25 @@ th, td {
 #paste_upload .columns .column {
   padding-bottom: 0;
 }
+
+.label-icon {
+  display: flex;
+
+  .icon {
+    &.is-right {
+      margin-left: .25rem;
+    }
+
+    &.is-left {
+      margin-right: .25rem;
+    }
+  }
+
+  a > .icon {
+    color: $grey;
+
+    &:hover {
+      color: $link-hover;
+    }
+  }
+}
diff --git a/webserver/web/static/css/dark-style.css b/webserver/web/static/css/dark-style.css
diff --git a/webserver/web/static/css/dark-style.css.map b/webserver/web/static/css/dark-style.css.map
diff --git a/webserver/web/static/css/style.css b/webserver/web/static/css/style.css
diff --git a/webserver/web/static/css/style.css.map b/webserver/web/static/css/style.css.map
diff --git a/webserver/web/templates/base.html.tera b/webserver/web/templates/base.html.tera
@@ -6,12 +6,12 @@
   title="dark"
   rel="stylesheet alternate"
   href="/static/css/dark-style.css?v={{ resources_version }}"
-  integrity="sha384-m+WMAIVCaLxlK2OAjI9oh606soE6ab4lrw6KpzlQQcsb3tNjt5rAj/LvRCoKz1ym"/>
+  integrity="sha384-nHxQvLWBbZpCpSue6SIx2258tspM1628j1mOibxSZJfFb2pIlrM7mn6ux6mDup6k"/>
 <link
   title="light"
   rel="stylesheet"
   href="/static/css/style.css?v={{ resources_version }}"
-  integrity="sha384-5YhyFMIqKIrfdQ0dl3rXYEX5q81TKmP2M7dhjjECWHKwZtlTSkgZ/p4mEMVaYRZz"/>
+  integrity="sha384-pot2rZZ06BlUNOIJPjZkmzkyko+aCdTafMvJ8dKXe9D4Fq720quritYUS5Xmd3zQ"/>
 <script
   src="/static/js/style.js?v={{ resources_version }}"
   integrity="sha384-HTYvuZHY1AndfrAqn+dIGFE7QognotxeUaFecs+e2FA30FKkHLfMyyLvBufM+eSk"></script>

diff --git a/webserver/web/templates/index.html.tera b/webserver/web/templates/index.html.tera
@@ -92,8 +92,15 @@ Create a new paste.
         </div>
       </div>
       <div class="field">
-        <div class="control has-icons-left requires-js">
+        <div class="label-icon">
           <label class="label">Expires</label>
+          <a href="https://github.com/jkcclemens/paste/wiki/Expiring-pastes" target="_blank">
+            <span class="icon is-small is-right">
+              <i class="fas fa-question-circle"></i>
+            </span>
+          </a>
+        </div>
+        <div class="control has-icons-left requires-js">
           <div class="select is-fullwidth">
             <select id="expires">
               <option selected>no</option>