浏览代码

Flex-Box Layout of "Move Attachment" buttons

Martin Filser 3 年之前
父节点
当前提交
5c890e4cc3
共有 2 个文件被更改,包括 13 次插入8 次删除
  1. 10 8
      client/components/settings/attachments.jade
  2. 3 0
      client/components/settings/attachments.styl

+ 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