Explorar o código

Flex-Box Layout of "Move Attachment" buttons

Martin Filser %!s(int64=3) %!d(string=hai) anos
pai
achega
5c890e4cc3

+ 10 - 8
client/components/settings/attachments.jade

@@ -18,10 +18,11 @@ template(name="attachments")
             +moveAttachments
 
 template(name="moveAttachments")
-  .js-move-attachment
-    button.js-move-all-attachments-to-fs {{_ 'move-all-attachments-to-fs'}}
-  .js-move-attachment
-    button.js-move-all-attachments-to-gridfs {{_ 'move-all-attachments-to-gridfs'}}
+  .move-attachment-buttons
+    .js-move-attachment
+      button.js-move-all-attachments-to-fs {{_ 'move-all-attachments-to-fs'}}
+    .js-move-attachment
+      button.js-move-all-attachments-to-gridfs {{_ 'move-all-attachments-to-gridfs'}}
 
   each board in getBoardsWithAttachments
     +moveBoardAttachments board
@@ -36,10 +37,11 @@ template(name="moveBoardAttachments")
         td {{ _id }}
         td {{ title }}
 
-  .js-move-attachment
-    button.js-move-all-attachments-of-board-to-fs {{_ 'move-all-attachments-of-board-to-fs'}}
-  .js-move-attachment
-    button.js-move-all-attachments-of-board-to-gridfs {{_ 'move-all-attachments-of-board-to-gridfs'}}
+  .move-attachment-buttons
+    .js-move-attachment
+      button.js-move-all-attachments-of-board-to-fs {{_ 'move-all-attachments-of-board-to-fs'}}
+    .js-move-attachment
+      button.js-move-all-attachments-of-board-to-gridfs {{_ 'move-all-attachments-of-board-to-gridfs'}}
 
   .board-attachments
     table

+ 3 - 0
client/components/settings/attachments.styl

@@ -0,0 +1,3 @@
+.move-attachment-buttons
+  display: flex
+  gap: 10px