Add action row related classes

scpwiki · Sep 25, 2023 · 7f7203c · 7f7203c
1 parent f193582
commit 7f7203c
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 44 deletions.
diff --git a/framerail/src/lib/sigma-esque/sigma-esque.svelte b/framerail/src/lib/sigma-esque/sigma-esque.svelte
@@ -88,15 +88,8 @@
     align-items: center;
   }
 
-  .editor-actions {
-    .editor-button {
-      border-radius: 0.5em;
-      padding: 0.5em 1em;
-    }
-  }
-
-  .page-move-actions {
-    .page-move-button {
+  .action-row {
+    .action-button {
       border-radius: 0.5em;
       padding: 0.5em 1em;
     }
@@ -124,16 +117,8 @@
       }
     }
 
-    .editor-actions {
-      .editor-button {
-        background-color: #fff;
-        color: #111;
-        border: 1px solid #0006;
-      }
-    }
-
-    .page-move-actions {
-      .page-move-button {
+    .action-row {
+      .action-button {
         background-color: #fff;
         color: #111;
         border: 1px solid #0006;
@@ -163,16 +148,8 @@
       }
     }
 
-    .editor-actions {
-      .editor-button {
-        background-color: #222;
-        color: #b6c2cf;
-        border: 1px solid #b6c2cf;
-      }
-    }
-
-    .page-move-actions {
-      .page-move-button {
+    .action-row {
+      .action-button {
         background-color: #222;
         color: #b6c2cf;
         border: 1px solid #b6c2cf;

diff --git a/framerail/src/routes/+error.svelte b/framerail/src/routes/+error.svelte
@@ -50,16 +50,16 @@ as soon as we can figure out prettier support for it.
         class="editor-comments"
         placeholder="comments"
       />
-      <div class="editor-actions">
+      <div class="action-row editor-actions">
         <button
-          class="editor-button button-cancel clickable"
+          class="action-button editor-button button-cancel clickable"
           type="button"
           on:click|stopPropagation={cancelEdit}
         >
           UT:Cancel
         </button>
         <button
-          class="editor-button button-save clickable"
+          class="action-button editor-button button-save clickable"
           type="submit"
           on:click|stopPropagation
         >

diff --git a/framerail/src/routes/[slug]/[...extra]/page.svelte b/framerail/src/routes/[slug]/[...extra]/page.svelte
@@ -66,6 +66,7 @@
     goto(`/${newSlug}`, {
       noScroll: true
     })
+    $: showMoveAction = false
   }
 </script>
 
@@ -128,16 +129,16 @@
       class="editor-comments"
       placeholder="comments"
     />
-    <div class="editor-actions">
+    <div class="action-row editor-actions">
       <button
-        class="editor-button button-cancel clickable"
+        class="action-button editor-button button-cancel clickable"
         type="button"
         on:click|stopPropagation={cancelEdit}
       >
         UT:Cancel
       </button>
       <button
-        class="editor-button button-save clickable"
+        class="action-button editor-button button-save clickable"
         type="submit"
         on:click|stopPropagation
       >
@@ -146,9 +147,9 @@
     </div>
   </form>
 {:else}
-  <div class="editor-actions">
+  <div class="action-row editor-actions">
     <button
-      class="editor-button button-move clickable"
+      class="action-button editor-button button-move clickable"
       type="button"
       on:click={() => {
         $: showMoveAction = true
@@ -157,14 +158,14 @@
       UT:Move
     </button>
     <button
-      class="editor-button button-delete clickable"
+      class="action-button editor-button button-delete clickable"
       type="button"
       on:click={handleDelete}
     >
       UT:Delete
     </button>
     <button
-      class="editor-button button-edit clickable"
+      class="action-button editor-button button-edit clickable"
       type="button"
       on:click={navigateEdit}
     >
@@ -192,9 +193,9 @@
       class="page-move-comments"
       placeholder="comments"
     />
-    <div class="page-move-actions">
+    <div class="action-row page-move-actions">
       <button
-        class="page-move-button button-cancel clickable"
+        class="action-button page-move-button button-cancel clickable"
         type="button"
         on:click|stopPropagation={() => {
           $: showMoveAction = false
@@ -203,7 +204,7 @@
         UT:Cancel
       </button>
       <button
-        class="page-move-button button-move clickable"
+        class="action-button page-move-button button-move clickable"
         type="submit"
         on:click|stopPropagation
       >
@@ -266,8 +267,7 @@
     height: 60vh;
   }
 
-  .editor-actions,
-  .page-move-actions {
+  .action-row {
     width: 100%;
     display: flex;
     flex-direction: row;