Merge pull request #5161 from rebeccaalpert/conditions-length

Bug 1826385: Truncate condition messages
openshift · Apr 24, 2020 · de6d488 · de6d488
2 parents 40a7ede + a825bf6
commit de6d488
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/frontend/public/components/_conditions.scss b/frontend/public/components/_conditions.scss
@@ -0,0 +1,3 @@
+.co-conditions__message {
+  @include co-line-clamp(10);
+}
diff --git a/frontend/public/components/conditions.tsx b/frontend/public/components/conditions.tsx
@@ -20,7 +20,7 @@ export const Conditions: React.SFC<ConditionsProps> = ({ conditions }) => {
         <CamelCaseWrap value={condition.reason} />
       </div>
       {/* remove initial newline which appears in route messages */}
-      <div className="hidden-xs col-sm-5 col-md-4 co-break-word co-pre-line">
+      <div className="hidden-xs col-sm-5 col-md-4 co-break-word co-pre-line co-conditions__message">
         {condition.message?.trim() || '-'}
       </div>
     </div>

diff --git a/frontend/public/style.scss b/frontend/public/style.scss
@@ -97,6 +97,7 @@
 @import 'components/radio';
 @import 'components/filter-toolbar';
 @import 'components/autocomplete';
+@import 'components/conditions';
 
 @import 'components/dashboard/dashboards-page/cluster-dashboard/activity-card';
 @import 'components/dashboard/dashboards-page/cluster-dashboard/status-card';