Fixes template archive page

davidmerfield · Jan 12, 2024 · 5f5528f · 5f5528f
1 parent cdebf32
commit 5f5528f
Show file tree

Hide file tree

Showing 3 changed files with 99 additions and 83 deletions.
diff --git a/app/views/dashboard/template/archive.html b/app/views/dashboard/template/archive.html
@@ -1,82 +1,104 @@
 <style type="text/css">
-.line {
-  position: relative;
-}
-
-.preview-cover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0
-}
-
-.preview-button,
-.line form button {
-  margin: -12px 0;
-  padding: 11px 0;
-  color: #0070e8;
-  display: inline-block;
-}
-
-.preview-button {
-  margin-right: -9px;
-  margin-left: 11px
-}
-
-.preview-button .square,
-.line form button .square {
-  padding: 4px 10px;
-  border-radius: 4px;
-  display: block;
-}
-
-.line form button:disabled .square,
-.line form button:disabled:hover .square {
-  background: rgba(0, 0, 0, 0.08);
-  color: #999
-}
-
-/*.line.theme {border: 1px solid rgba(0,0,0,0.05);margin-bottom: 11px}
-*/
-.line.theme:hover {
-  background: rgba(0, 0, 0, 0.02)
-}
-
-.preview-button,
-.line form {
-  float: right;
-}
-
-.preview-cover:hover+.preview-button .square,
-.preview-button:hover .square,
-.line form button:hover .square {
-  background: #0070e8;
-  color: white;
-}
-
-h2 {font-size: 20px;padding: 11px 20px;margin: 20px 0 0}
-
-.butty {
-  color: #0070e8;
-  padding: 10px 20px;
-  float: right;
-  margin-right: -20px;
-  margin-top: -10px
-}
-
-.butty:hover {
-  background: rgba(0, 0, 0, .05)
-}
-
+  .label {margin-top:11px}
+
+  .line {
+    position: relative;
+  }
+
+  .preview-cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0
+  }
+
+  .line.theme {
+    transition: background 0.5s ease-in-out;
+  }
+  .line.theme.success {
+    background-color: ;
+  }
+
+  .line.theme:last-of-type {
+    border-bottom: none;
+  }
+
+  .preview-button,
+  .line form button {
+    margin: -12px 0;
+    cursor: pointer;
+    padding: 11px 0;
+    color: var(--accent-color);
+    display: inline-block;
+    border: none;
+    font-size: inherit;
+  }
+
+  .line form button.row {
+      color:var(--accent-color);
+      border:none;
+      border-bottom: 1px solid rgba(0,0,0,0.05);padding:11px 20px;display:block;text-align:left;width:100%;
+      margin: 0;
+  }
+
+  .line form button.row :hover {
+      background: rgba(0, 0, 0, 0.02);
+      outline: none;
+    }
+
+  .preview-button {
+    margin-right: -0;
+  }
+
+  .preview-button .square,
+  .line form button .square {
+    padding: 4px 10px;
+    border-radius: 4px;
+    display: block;
+  }
+
+  .line form button:disabled .square,
+  .line form button:disabled:hover .square {
+    background: rgba(0, 0, 0, 0.08);
+    color: #999
+  }
+
+  /*.line.theme {border: 1px solid rgba(0,0,0,0.05);margin-bottom: 11px}
+  */
+  .line.theme:hover {
+    background: rgba(0, 0, 0, 0.02)
+  }
+
+
+  .preview-cover:hover+.preview-button .square,
+  .preview-button:hover .square,
+  .line form button:hover .square {
+    background: var(--accent-color);
+    color: white;
+  }
+
+  .butty {
+    color: var(--accent-color);
+    padding: 10px 20px;
+    float: right;
+    margin-right: -20px;
+    margin-top: -10px
+  }
+
+  .butty:hover {
+    background: rgba(0, 0, 0, .05)
+  }
+
+  .center {flex-grow: 1}
 </style>
 
-<div class="subpage">
+<div >
 
   <input type="hidden" name="redirect" value="{{{base}}}/template/archive">
 
   {{^blog.template}}
-  <div class="lisne" style="border-bottom:none">
+  <div class="line" style="border-bottom:none">
     <span class="box orange fr" style="line-height:2.5;background:#f2f2f2;padding:0 1.33em;border:#aaa;margin:0 0">Your template is disabled. </span>
 
     <form method='post' style="display:inline">
@@ -120,15 +142,14 @@ <h2>Unsupported templates</h2>
 
     <span style="flex-grow:1">{{name}}</span>
 
-    <a target="_blank" class="preview-cover" href="{{previewURL}}"></a>
 
     <a href="{{previewURL}}" class="preview-button" target="_blank" ><span class="square">Preview</span></a>
 
     <form method='post' action="{{{base}}}/template/new">
       <input type="hidden" name="redirect" value="{{{base}}}/template">
-      <input type="hidden" name="name" value="Copy of {{name}}" />
+      <input type="hidden" name="name" value="{{name}}" />
       <input type="hidden" name="cloneFrom" value="{{id}}" />
-      <button type="submit" style="color:#0070e8;padding:11px 20px;display:block;text-align:left;width:100%"><span class="square">Fork</span></button>
+      <button type="submit" class="row">Fork</button>
     </form>
 
   </div>

diff --git a/app/views/dashboard/template/index.html b/app/views/dashboard/template/index.html
@@ -1,3 +1,6 @@
+{{> message}}
+
+
 <style type="text/css">
 
 .label {margin-top:11px}

diff --git a/todo.txt b/todo.txt
@@ -1,15 +1,7 @@
-
-
 Fix template archive page
 - Tell [Christian](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJJgzmnHTFhNJMhKlJCWFcCJC)
 - Tell [Sixian](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJRvfzgpVKQWSnpBTFxgFRQrR)
 
-Fix link to developer docs
-- Tell [Enrique](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJccLzTCrBgBtXJBlwbfpwjnG)
-- Tell [Carlos](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJchvVSczXHqvzTWFnJCMxCxB)
-- Tell [Boris](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJcfdbZhgzhxpvTfTzrZcJcZC)
-- Tell [Shawn](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJckGSfncqlFWBtFRHwfVTFDv)
-
 Work out why [Darren cannot open the template editor](https://mail.google.com/mail/u/0/#inbox/FMfcgzGwJSBJCRPJsLFddJCNzTnnQgjs)
 
 ---