Make no strike modal responsive on mobile

ReFlar · Apr 9, 2017 · aaa3b85 · aaa3b85
1 parent f564fff
commit aaa3b85
Show file tree

Hide file tree

Showing 6 changed files with 47 additions and 4 deletions.
diff --git a/js/admin/dist/extension.js b/js/admin/dist/extension.js
@@ -96,7 +96,11 @@ System.register('Reflar/UserManagement/components/AdminStrikeModal', ['flarum/co
         }, {
           key: 'className',
           value: function className() {
-            return 'AdminStrikeModal Modal';
+            if (this.strikes !== undefined) {
+              return 'ModStrikeModal Modal';
+            } else {
+              return 'Modal Modal--small';
+            }
           }
         }, {
           key: 'title',

diff --git a/js/admin/src/components/AdminStrikeModal.js b/js/admin/src/components/AdminStrikeModal.js
@@ -35,7 +35,11 @@ export default class AdminStrikeModal extends Modal {
   }
 
   className() {
-    return 'AdminStrikeModal Modal';
+    if (this.strikes !== undefined) {
+      return 'ModStrikeModal Modal';
+    } else {
+      return 'Modal Modal--small'
+    }
   }
 
   title() {

diff --git a/js/forum/dist/extension.js b/js/forum/dist/extension.js
@@ -273,7 +273,11 @@ System.register('Reflar/UserManagement/components/ModStrikeModal', ['flarum/comp
         }, {
           key: 'className',
           value: function className() {
-            return 'ModStrikeModal Modal';
+            if (this.strikes !== undefined) {
+              return 'ModStrikeModal Modal';
+            } else {
+              return 'Modal Modal--small';
+            }
           }
         }, {
           key: 'title',

diff --git a/js/forum/src/components/ModStrikeModal.js b/js/forum/src/components/ModStrikeModal.js
@@ -43,7 +43,11 @@ export default class ModStrikeModal extends Modal {
   }
 
   className() {
-    return 'ModStrikeModal Modal';
+    if (this.strikes !== undefined) {
+      return 'ModStrikeModal Modal';
+    } else {
+      return 'NoStrikeModa Modal Modal--small'
+    }
   }
 
   title() {

diff --git a/less/admin/extension.less b/less/admin/extension.less
@@ -13,6 +13,20 @@
     }
   }
 }
+
+.NoStrikeModal {
+
+ .ModStrikeModal--fieldset
+  {
+    text-align: center !important;
+    margin: auto !important;
+
+    li {
+      list-style-type: none;
+    }
+  }
+}
+
 .NotificationGrid {
     background: #eaeef0;
     border-radius: 4px

diff --git a/less/forum/extension.less b/less/forum/extension.less
@@ -12,6 +12,19 @@
   }
 }
 
+.NoStrikeModal {
+
+ .ModStrikeModal--fieldset
+  {
+    text-align: center !important;
+    margin: auto !important;
+
+    li {
+      list-style-type: none;
+    }
+  }
+}
+
 .Reflar-RegValue {
     margin: 0 auto;
     text-align: center;