117 lines
2.5 KiB
SCSS
117 lines
2.5 KiB
SCSS
|
// Fix: "Remove the cdk-global-scrollblock effects from the HTML"
|
||
|
|
// Fuse already blocks the body scroll so it doesn't need this feature. We are disabling it
|
||
|
|
// because on Windows, it causes a scrollbar to show up.
|
||
|
|
html {
|
||
|
|
|
||
|
|
&.cdk-global-scrollblock {
|
||
|
|
position: relative !important;
|
||
|
|
overflow: hidden !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: "Inconsistent button heights due to inconsistent line heights"
|
||
|
|
button {
|
||
|
|
|
||
|
|
.mat-button-wrapper {
|
||
|
|
line-height: normal;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mat-icon {
|
||
|
|
|
||
|
|
// Fix: "Font-weight config affecting the icons"
|
||
|
|
font-weight: 400 !important;
|
||
|
|
|
||
|
|
// Fix: "Inconsistent positioning on custom font icons"
|
||
|
|
line-height: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: "Icon button ripple radius is not correct on Edge & Safari"
|
||
|
|
.mat-icon-button {
|
||
|
|
|
||
|
|
.mat-button-ripple {
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: "Smooth scrolling for iOS"
|
||
|
|
.mat-dialog-container {
|
||
|
|
-webkit-overflow-scrolling: touch;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: "Inconsistent font sizes across elements"
|
||
|
|
.mat-checkbox {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mat-radio-button {
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: "Input underlines has wrong color opacity value"
|
||
|
|
.mat-form-field-underline {
|
||
|
|
background-color: rgba(0, 0, 0, 0.12);
|
||
|
|
}
|
||
|
|
|
||
|
|
.mat-form-field {
|
||
|
|
|
||
|
|
// Fix: "Table-cell and inline-table in mat-select"
|
||
|
|
&.mat-form-field-type-mat-select {
|
||
|
|
|
||
|
|
.mat-form-field-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: inherit !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
mat-vertical-stepper {
|
||
|
|
padding: 16px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: Chip remove icon is broken due to Fuse's icon helpers
|
||
|
|
mat-chip {
|
||
|
|
|
||
|
|
mat-icon {
|
||
|
|
min-width: 0 !important;
|
||
|
|
min-height: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fix: Mat-card-image requires a bigger width than 100%
|
||
|
|
.mat-card-image {
|
||
|
|
max-width: none !important;
|
||
|
|
}
|