improve date-picker styling

klippa-app · Sep 20, 2024 · a5a9481 · a5a9481
1 parent 4c11b27
commit a5a9481
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/projects/klippa/ngx-enhancy-forms/src/lib/elements/date-picker/date-picker.component.scss b/projects/klippa/ngx-enhancy-forms/src/lib/elements/date-picker/date-picker.component.scss
@@ -2,10 +2,16 @@
 
 :host {
  display: block;
+ --mdc-icon-button-icon-size: 18px;
 }
 
 .componentContainer {
  position: relative;
+ ::ng-deep {
+ .mdc-text-field__input::placeholder {
+ color: #aaa !important;
+ }
+ }
  &.showErrors {
  ::ng-deep {
  klp-form-date-time-picker {

diff --git a/...lippa/ngx-enhancy-forms/src/lib/elements/date-time-picker/date-time-picker.component.scss b/...lippa/ngx-enhancy-forms/src/lib/elements/date-time-picker/date-time-picker.component.scss
@@ -41,6 +41,11 @@
  margin-right: 6px;
  width: 36px;
  color: $default-gray-faded-dark;
+ &.cdk-focused {
+ .mat-mdc-button-persistent-ripple.mdc-icon-button__ripple {
+ display: none;
+ }
+ }
  span {
  height: 42px;
  width: 42px;