pigui/pireon-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Release @pi/ui 0.0.5: center the dates of pi-date-range-field

Browse Source 
Its two inputs are not .mat-mdc-input-element, so the rule that fills
the 48px box missed them and they sat at the top of the field.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Josep Piguillem
2026-10-13 21:17:06 +02:00
parent 4a33c9ade5
commit cb82769f31
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/ui/package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "@pi/ui", "name": "@pi/ui",
"version": "0.0.4", "version": "0.0.5",
"description": "Librería de componentes Angular standalone (botones, campos con Signal Forms, cards, charts, drawer/hub/modal, theming vía tokens CSS...).", "description": "Librería de componentes Angular standalone (botones, campos con Signal Forms, cards, charts, drawer/hub/modal, theming vía tokens CSS...).",
"license": "MIT", "license": "MIT",
"generators": "./generators.json", "generators": "./generators.json",

8
libs/ui/src/lib/styles/common/vendors/_mat-form-field.scss vendored
View File

@@ -114,6 +114,14 @@
} }
} }
// `pi-date-range-field`: sus dos fechas no son `.mat-mdc-input-element`,
// así que la regla de arriba no las alcanza y se quedaban pegadas arriba
// de la caja. Ocupan toda su altura y se centran como un input normal.
.mat-date-range-input,
.mat-date-range-input-container {
height: 100%;
}
&.mdc-text-field--disabled { &.mdc-text-field--disabled {
.mat-mdc-input-element, .mat-mdc-input-element,
.mdc-notched-outline, .mdc-notched-outline,