@elderbyte/ngx-starter 15.8.0 → 15.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
|
|
115
115
|
.mdc-text-field--filled {
|
|
116
116
|
.mdc-floating-label--float-above {
|
|
117
|
-
transform: translateY(-
|
|
117
|
+
transform: translateY(-100%) scale(0.75);
|
|
118
118
|
}
|
|
119
119
|
.mat-mdc-form-field-infix {
|
|
120
120
|
padding-top: 14px!important; // 16px by default
|
|
@@ -111,14 +111,16 @@
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
/******************************
|
|
114
|
-
|
|
115
|
-
|
|
114
|
+
Fix cut off label
|
|
115
|
+
*******************************/
|
|
116
116
|
|
|
117
|
-
.mdc-text-field {
|
|
118
|
-
overflow: visible;
|
|
119
|
-
}
|
|
120
117
|
|
|
121
118
|
.mat-mdc-form-field {
|
|
119
|
+
|
|
120
|
+
/******************************
|
|
121
|
+
Fix icon size and placement in mat label
|
|
122
|
+
*******************************/
|
|
123
|
+
|
|
122
124
|
$mat-mdc-form-field-label-transform: 0.75;
|
|
123
125
|
$mat-mdc-form-field-label-offset-x: -16px;
|
|
124
126
|
|
|
@@ -128,25 +130,6 @@
|
|
|
128
130
|
align-items: center;
|
|
129
131
|
}
|
|
130
132
|
|
|
131
|
-
/******************************
|
|
132
|
-
Fix text and hover placement of small filled form fields
|
|
133
|
-
*******************************/
|
|
134
|
-
|
|
135
|
-
$form-field-density: map-get($theme, elder, density, form-field);
|
|
136
|
-
|
|
137
|
-
@if $form-field-density < -1 {
|
|
138
|
-
.mdc-text-field--filled {
|
|
139
|
-
.mdc-floating-label--float-above {
|
|
140
|
-
transform: var( $mat-mdc-form-field-label-transform, translateY(-50%) translateX(calc(1 * (44px + var($mat-mdc-form-field-label-offset-x, 0px))))) !important;
|
|
141
|
-
}
|
|
142
|
-
.mat-mdc-form-field-infix {
|
|
143
|
-
padding-top: calc-padding-top-form-field-inflix($form-field-density) !important;
|
|
144
|
-
padding-bottom: 2px !important;
|
|
145
|
-
min-height: 40px; // (24 + 2*16) = 56px by default
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
|
|
150
133
|
.mat-mdc-form-field-icon-prefix>.mat-icon, .mat-mdc-form-field-icon-suffix>.mat-icon {
|
|
151
134
|
width: $iconSize !important;
|
|
152
135
|
height: $iconSize !important;
|
|
@@ -170,6 +153,29 @@
|
|
|
170
153
|
line-height: 0;
|
|
171
154
|
}
|
|
172
155
|
|
|
156
|
+
/******************************
|
|
157
|
+
Fix text and hover placement of small filled form fields
|
|
158
|
+
*******************************/
|
|
159
|
+
|
|
160
|
+
$form-field-density: map-get($theme, elder, density, form-field);
|
|
161
|
+
|
|
162
|
+
@if $form-field-density < -1 {
|
|
163
|
+
.mdc-text-field--filled {
|
|
164
|
+
.mdc-floating-label--float-above {
|
|
165
|
+
transform: var( $mat-mdc-form-field-label-transform, translateY(-50%) translateX(calc(1 * (44px + var($mat-mdc-form-field-label-offset-x, 0px))))) !important;
|
|
166
|
+
}
|
|
167
|
+
.mat-mdc-form-field-infix {
|
|
168
|
+
padding-top: calc-padding-top-form-field-inflix($form-field-density) !important;
|
|
169
|
+
padding-bottom: 2px !important;
|
|
170
|
+
min-height: 40px; // (24 + 2*16) = 56px by default
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
/******************************
|
|
176
|
+
Material Form Field Label stealing clicks
|
|
177
|
+
*******************************/
|
|
178
|
+
|
|
173
179
|
.mat-mdc-floating-label.mdc-floating-label {
|
|
174
180
|
pointer-events: none!important;
|
|
175
181
|
mat-label {
|