Truncate long feature flag names and descriptions in table on small screens

ec0d860c · Winnie Hellmann · Kamil Trzciński · f3ac8e7d · ec0d860c
Commit ec0d860c authored Sep 24, 2018 by Winnie Hellmann Committed by Kamil Trzciński Oct 04, 2018
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 2 deletions

app/views/projects/feature_flags/_table.html.haml app/views/projects/feature_flags/_table.html.haml +2 -2

No files found.
--- a/app/views/projects/feature_flags/_table.html.haml
+++ b/app/views/projects/feature_flags/_table.html.haml
@@ -19,8 +19,8 @@
      .table-section.section-50{ role: 'gridcell' }
        .table-mobile-header{ role: "rowheader" }= s_('FeatureFlags|Feature Flag')
        .table-mobile-content.d-flex.flex-column
-          .text-monospace= feature_flag.name
-          .text-secondary= feature_flag.description
+          .text-monospace.text-truncate= feature_flag.name
+          .text-secondary.text-truncate= feature_flag.description

      .table-section.section-40.table-button-footer{ role: 'gridcell' }
        .table-action-buttons.btn-group