Fix styles for input prompt

gsans · Oct 11, 2023 · c06e25a · c06e25a
1 parent ab3b722
commit c06e25a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/src/app/custom-chat/custom-chat.component.scss b/src/app/custom-chat/custom-chat.component.scss
@@ -150,7 +150,7 @@ mat-form-field {
 }
 
 ::ng-deep mat-label {
- font-size: 14px !important;
+ font-size: 12px !important;
 }
 
 input.mdc-text-field__input {
@@ -189,3 +189,23 @@ input.mdc-text-field__input:focus {
  max-height: 400px !important;
 }
 
+::ng-deep mat-form-field .mdc-text-field--filled .mdc-floating-label,
+::ng-deep mat-form-field textarea {
+ font-family: "Google Sans", Roboto, Arial, sans-serif !important;
+ caret-color: black !important;
+}
+
+
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label, 
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above {
+ color: inherit !important;
+}
+
+::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
+ border-bottom-color: inherit !important;
+ border-width: 1px;
+}
+
+::ng-deep .mat-mdc-form-field-focus-overlay {
+ background-color: #a3a3a3 !important; 
+}
diff --git a/src/styles.scss b/src/styles.scss
@@ -5,9 +5,8 @@ body {
 }
 body {
  margin: 0;
- font-family: Roboto, "Helvetica Neue", sans-serif;
+ font-family: "Google Sans", Roboto, Arial, sans-serif;
 }
-
 body::-webkit-scrollbar {
  display: none;
 }
@@ -35,9 +34,7 @@ code:not([class*="language-"]) {
 
 body,
 mat-list-item *:not(mat-icon),
-mat-toolbar *:not(mat-icon),
-nb-chat .header,
-nb-chat .form * {
+mat-toolbar *:not(mat-icon) {
  font-family: "Google Sans", Roboto, Arial, sans-serif !important;
 }