diff --git a/src/app/core/components/widget/widget.component.scss b/src/app/core/components/widget/widget.component.scss index d5d54a89..150f83fd 100644 --- a/src/app/core/components/widget/widget.component.scss +++ b/src/app/core/components/widget/widget.component.scss @@ -62,4 +62,23 @@ fuse-widget { transform: rotateY(360deg); } } + + .mat-form-field { + + &.mat-form-field-type-mat-select { + + .mat-input-wrapper { + padding: 16px 0; + + .mat-input-infix { + border: none; + padding: 0; + } + } + + .mat-input-underline { + display: none; + } + } + } } diff --git a/src/app/core/components/widget/widget.component.ts b/src/app/core/components/widget/widget.component.ts index e92e07e6..659dcc62 100644 --- a/src/app/core/components/widget/widget.component.ts +++ b/src/app/core/components/widget/widget.component.ts @@ -27,7 +27,9 @@ export class FuseWidgetComponent implements OnInit, AfterContentInit setTimeout(() => { this.toggleButtons.forEach(flipButton => { - this.renderer.listen(flipButton.el.nativeElement, 'click', () => { + this.renderer.listen(flipButton.el.nativeElement, 'click', (event) => { + event.preventDefault(); + event.stopPropagation(); this.toggle(); }); }); diff --git a/src/app/core/scss/partials/_angular-material-fix.scss b/src/app/core/scss/partials/_angular-material-fix.scss index 55d10a59..5358bd1f 100644 --- a/src/app/core/scss/partials/_angular-material-fix.scss +++ b/src/app/core/scss/partials/_angular-material-fix.scss @@ -28,3 +28,51 @@ .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.12); } + +// Fix: "Some idiots using table-cell and inline-table in mat-select" +.mat-form-field { + + &.mat-form-field-type-mat-select { + + .mat-input-infix { + display: inline-flex; + width: auto; + + .mat-select-trigger { + display: inline-flex; + align-items: center; + width: 100%; + + .mat-select-value { + display: flex; + max-width: none; + margin-right: 8px; + } + + .mat-select-arrow-wrapper { + display: inline-flex; + } + } + } + } +} + +// Fix: "Stepper icons are broken due to Fuse's icon helpers" +mat-horizontal-stepper, +mat-vertical-stepper { + + mat-step-header { + + mat-icon { + height: 16px !important; + width: 16px !important; + min-width: 0 !important; + min-height: 0 !important; + color: rgba(255, 255, 255, 0.87) !important; + } + } +} + +mat-vertical-stepper { + padding: 16px 0; +} \ No newline at end of file