Fix too long chart/deployment name helm#16

remstos · Jul 3, 2017 · b6366f5 · b6366f5
1 parent ef5aa82
commit b6366f5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/ui/src/app/chart-item/chart-item.component.scss b/src/ui/src/app/chart-item/chart-item.component.scss
@@ -28,7 +28,7 @@ $chart-item-content-height: 150px;
 
   &-logo {
     height: 100%;
-    width: 100px;
+    width: 80px;
     background-color: white;
     display: flex;
     align-items: center;
@@ -41,7 +41,7 @@ $chart-item-content-height: 150px;
       justify-content: center;
     }
     img {
-      width: 60%;
+      width: 70%;
       max-height: 100%;
     }
   }
@@ -53,7 +53,8 @@ $chart-item-content-height: 150px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-
+    word-wrap: break-word;
+    overflow: hidden;
     &__title {
       a { color: white; }
       margin: 0;

diff --git a/src/ui/src/app/deployment-item/deployment-item.component.scss b/src/ui/src/app/deployment-item/deployment-item.component.scss
@@ -15,24 +15,25 @@
   overflow: hidden;
   &_icon {
     height: 100%;
-    width: 100px;
+    width: 80px;
     background: white;
     display: flex;
     align-items: center;
     justify-content: center;
     img {
-      width: 60%;
+      width: 70%;
       max-height: 100%;
     }
   }
   &_content {
     height: 100%;
-    width: 100%;
     position: relative;
     padding: 10px;
     display: flex;
     flex-direction: column;
     justify-content: center;
+    word-wrap: break-word;
+    overflow: hidden;
     &__title {
       margin: 0;
       margin-bottom: 5px;