diff --git a/src/ui_ng/lib/src/helm-chart/helm-chart.component.html b/src/ui_ng/lib/src/helm-chart/helm-chart.component.html index a1aa64780..f9b0028a5 100644 --- a/src/ui_ng/lib/src/helm-chart/helm-chart.component.html +++ b/src/ui_ng/lib/src/helm-chart/helm-chart.component.html @@ -51,24 +51,19 @@
-
+
-
-
- {{item.name}} -

{{item.home}}

-
+
+
+
{{item.name}}
-
+
- -
{{item.total_versions}}
-
-
- -
{{item.Created | date}}
+ {{item.total_versions}} + +
diff --git a/src/ui_ng/lib/src/helm-chart/helm-chart.component.scss b/src/ui_ng/lib/src/helm-chart/helm-chart.component.scss index b28effd7f..e06eee2c1 100644 --- a/src/ui_ng/lib/src/helm-chart/helm-chart.component.scss +++ b/src/ui_ng/lib/src/helm-chart/helm-chart.component.scss @@ -1,6 +1,12 @@ @import "../mixin"; -$width:24px; -$height:$width; +$size24:24px; +$size60:60px; + +@mixin flex-center { + display: flex; + justify-content: center; + align-items: center; +} .chart-tool { position: relative; .toolbar { @@ -11,7 +17,7 @@ $height:$width; display: inline-block; height: 16px; width: 2px; - background-color: #cccccc; + background-color: #ccc; padding-top: 12px; padding-bottom: 12px; position: relative; @@ -26,32 +32,20 @@ $height:$width; .card-container { margin-top: 21px; .card-header { - .card-media-block { - .card-media-description { - height: 45px; - p { - margin-top: 0; - } - .card-media-title { - overflow: hidden; - height: 24px; - } - .card-media-text { - overflow: hidden; - height: 21px - } - } + .card-icon { + @include flex-center; + } + .card-title { + @include text-overflow; + text-align:center; + margin:15px; } } - .card-block { - margin-top: 24px; - min-height: 100px; - .form-group { - display: flex; - label { - width: 100px; - } - } + .card-footer { + background-color:#d7d7d7; + .version-text { + font-size:1.1rem; + } } } @@ -62,8 +56,13 @@ $height:$width; } .size-24 { - width:$width; - height:$height; + width:$size24; + height:$size24; +} + +.size-60 { + height:$size60; + max-width:165px; } .margin-right-12 { diff --git a/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.html b/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.html index 20ffe83c9..ae7b4039e 100644 --- a/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.html +++ b/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.html @@ -82,21 +82,21 @@
{{item.name}} -

{{item.home}}

+ {{item.home}}
- +
{{item.engine}}
- +
{{getMaintainerString(item.maintainers)}}
- +
{{item.appVersion}}
diff --git a/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.scss b/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.scss index cf2aae7d6..596b68a1f 100644 --- a/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.scss +++ b/src/ui_ng/lib/src/helm-chart/versions/helm-chart-version.component.scss @@ -42,28 +42,30 @@ width: 45px; } .card-media-description { + width:80%; height: 45px; - p { - margin-top: 0; - } .card-media-title { overflow: hidden; height: 24px; } .card-media-text { - overflow: hidden; - height: 21px + font-size:0.8em; + color:#007cbb; + @include text-overflow; + height: 20px; } } } } .card-block { + font-size:0.9em; margin-top: 24px; min-height: 100px; .form-group { display: flex; label { width: 100px; + color:#aaa; } } margin-top: 0px; diff --git a/src/ui_ng/lib/src/shared/shared.const.ts b/src/ui_ng/lib/src/shared/shared.const.ts index 284856ab2..c2c0d3750 100644 --- a/src/ui_ng/lib/src/shared/shared.const.ts +++ b/src/ui_ng/lib/src/shared/shared.const.ts @@ -91,4 +91,4 @@ export const LabelColor = [ export const RoleMapping = { 'projectAdmin': 'MEMBER.PROJECT_ADMIN', 'developer': 'MEMBER.DEVELOPER', 'guest': 'MEMBER.GUEST' }; -export const DefaultHelmIcon = '/static/images/helm-logo.svg'; +export const DefaultHelmIcon = '/static/images/helm-gray.png'; diff --git a/src/ui_ng/src/images/helm-gray.png b/src/ui_ng/src/images/helm-gray.png new file mode 100644 index 000000000..578f5f8eb Binary files /dev/null and b/src/ui_ng/src/images/helm-gray.png differ diff --git a/src/ui_ng/src/images/helm-logo.svg b/src/ui_ng/src/images/helm-logo.svg deleted file mode 100644 index 6014e6d04..000000000 --- a/src/ui_ng/src/images/helm-logo.svg +++ /dev/null @@ -1 +0,0 @@ -helm-logo \ No newline at end of file