Add new darker/lighter background colour to all textareas

- fixes #4689
cloudfoundry · Oct 21, 2020 · 4b72767 · 4b72767
1 parent ce4c108
commit 4b72767
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 12 deletions.
diff --git a/...rvice-instance/specify-user-provided-details/specify-user-provided-details.component.html b/...rvice-instance/specify-user-provided-details/specify-user-provided-details.component.html
@@ -41,7 +41,7 @@
     </mat-chip-list>
   </mat-form-field>
   <mat-form-field class="">
-    <textarea matInput formControlName="credentials" placeholder="Credentials" matAutosizeMinRows="2"
+    <textarea matInput formControlName="credentials" placeholder="Credentials (JSON)" matAutosizeMinRows="2"
       matAutosizeMaxRows="5"></textarea>
     <mat-error *ngIf="createEditServiceInstance.controls.credentials.hasError('notValidJson')">
       Not valid JSON.

diff --git a/src/frontend/packages/core/sass/_all-theme.scss b/src/frontend/packages/core/sass/_all-theme.scss
@@ -48,6 +48,7 @@
 @import '../src/shared/components/sidepanel-preview/sidepanel-preview.component.theme';
 @import '../src/shared/components/user-avatar/user-avatar.component.theme';
 @import './components/text-status.theme';
+@import './components/text-area.theme';
 @import './components/hyperlinks.theme';
 @import './mat-desktop';
 @import './fonts';
@@ -83,6 +84,7 @@
   @include app-mat-snack-bar-theme($theme, $app-theme);
   @include ngx-charts-gauge($theme, $app-theme);
   @include app-text-status-theme($theme, $app-theme);
+  @include app-text-area($theme, $app-theme);
   @include app-card-status-theme($theme, $app-theme);
   @include app-usage-gauge-theme($theme, $app-theme);
   @include app-ssh-viewer-theme($theme, $app-theme);

diff --git a/...iceaccount-auth-form.component.theme.scss → ...core/sass/components/text-area.theme.scss b/...iceaccount-auth-form.component.theme.scss → ...core/sass/components/text-area.theme.scss
@@ -1,4 +1,4 @@
-@mixin app-kube-token-auth-form-theme($theme, $app-theme) {
+@mixin app-text-area($theme, $app-theme) {
 
   $is-dark: map-get($theme, is-dark);
   $app-background: map-get($app-theme, app-background-color);
@@ -8,12 +8,7 @@
     $textarea-color: lighten($app-background, 5%);
   }
 
-  .kube-sa-auth {
-    &__form {
-      textarea {
-        background-color: $textarea-color;
-      }
-    }
+  textarea {
+    background-color: $textarea-color;
   }
-
-}
+}
diff --git a/src/frontend/packages/kubernetes/sass/_all-theme.scss b/src/frontend/packages/kubernetes/sass/_all-theme.scss
@@ -7,7 +7,6 @@
 @import '../src/kubernetes/workloads/release/tabs/helm-release-summary-tab/helm-release-summary-tab.component.theme';
 @import '../src/kubernetes/list-types/kubernetes-nodes/kubernetes-node-link/kubernetes-node-link.component.theme';
 @import '../src/kubernetes/workloads/chart-values-editor/chart-values-editor.component.theme';
-@import '../src/kubernetes/auth-forms/kubernetes-serviceaccount-auth-form/kubernetes-serviceaccount-auth-form.component.theme';
 
 @mixin apply-theme-kubernetes($stratos-theme) {
 
@@ -21,6 +20,5 @@
   @include helm-release-summary-tab-theme($theme, $app-theme);
   @include kube-node-link-theme($theme, $app-theme);
   @include app-chart-values-editor-theme($theme, $app-theme);
-  @include app-kube-token-auth-form-theme($theme, $app-theme);
 
 }