fix panel title overflow issue in mobile

6 years ago · 58a420f2b3
parent 0bb8247822
commit 58a420f2b3
1 changed files with 8 additions and 1 deletions
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@ -52,7 +52,14 @@
  max-height: 80vh;

  .panel-heading {
-    text-align: center;
+    .title {
+      text-align: center;
+      // TODO: Consider making these as default of panel
+      flex: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
  }

  .panel-body {