chore: revert deleted styles for ChartGroup

Author: RohitRaj011

src/Pages/ChartStore/ChartDetails/ChartDetails.tsx

@@ -58,7 +58,7 @@ export const ChartDetails = () => {
     )
 
     useEffect(() => {
-        if (!isFetchingChartVersions && chartVersions) {
+        if (!isFetchingChartVersions && chartVersions?.length) {
             setSelectedChartVersion(chartVersions[0].id)
         }
     }, [isFetchingChartVersions, chartVersions])

src/components/charts/charts.scss

@@ -15,14 +15,15 @@
  */
 
 .chart-grid-item {
-    transition: box-shadow 0.5s ease-out, border-color 0.3s ease-out;
+    transition:
+        box-shadow 0.5s ease-out,
+        border-color 0.3s ease-out;
 
     &.chart-grid-item--selected {
         border: solid 1px var(--B500);
         background-color: var(--B50);
     }
 
-
     .chart-icon-dim {
         transition: transform 0.17s ease-out;
     }
@@ -148,7 +149,9 @@
 
 .chart-group-card__icon-wrapper {
     margin-right: -24px;
-    transition: transform 0.17s ease-out, margin-right 0.3s ease-out;
+    transition:
+        transform 0.17s ease-out,
+        margin-right 0.3s ease-out;
 }
 
 .deploy-selected-charts__applications-edit {
@@ -311,7 +314,6 @@
     grid-gap: 16px;
 }
 
-
 .modal__body--deploy-selected-charts {
     width: 600px;
     max-height: 80vh;
@@ -337,4 +339,76 @@
         padding: 0 24px;
         margin-bottom: unset;
     }
-}
+}
+
+.chart-store-card__header {
+    flex-basis: 24px;
+    font-size: 16px;
+    font-weight: 600;
+    border-bottom: 1px solid var(--N100);
+    width: 100%;
+    line-height: 1.5;
+    padding: 16px 20px;
+    color: var(--N900);
+}
+
+.chart-store-card__body {
+    padding: 16px 20px;
+}
+
+.chart-store-card__subtitle {
+    font-size: 12px;
+    color: var(--N700);
+    margin-bottom: 6px;
+    font-weight: normal;
+}
+
+.chart-store-card__text {
+    min-height: 20px;
+    margin-bottom: 16px;
+    word-wrap: break-word;
+    max-width: 100%;
+    font-size: 14px;
+    color: var(--N900);
+
+    &.chart-store-card__text--no-margin {
+        margin: 0px;
+    }
+}
+
+.chart-store-card__text--see-more {
+    margin-bottom: 0px;
+}
+
+.chart-store-card__deployment-list {
+    flex: 1;
+    overflow-y: auto;
+    padding-bottom: 8px;
+}
+
+.modal__body {
+    &.modal__body--manage-values {
+        padding-left: 0px;
+        padding-right: 0px;
+        padding-bottom: 0px;
+    }
+}
+
+.modal__header {
+    &.modal__header--manage-values {
+        padding: 0 24px;
+    }
+}
+
+.text-button {
+    border: none;
+    background-color: inherit;
+    font-size: 12px;
+    font-weight: 600;
+    font-stretch: normal;
+    font-style: normal;
+    line-height: 1.67;
+    letter-spacing: normal;
+    text-align: right;
+    color: var(--B500);
+}