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

Release @pi/ui 0.0.6: pi-file-upload keeps its own look

Browse Source 
Its drop zone is a <button>, so the library's global button rules
squashed it to the button height and dropped its dashed border. It is
left out of them, like Material's own buttons.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Josep Piguillem
2026-10-13 23:00:43 +02:00
parent cb82769f31
commit 81ee7855a7
3 changed files with 13 additions and 7 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.5", "version": "0.0.6",
"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",

12
libs/ui/src/lib/styles/common/components/pi-button/_pi-button-theme.scss
View File

@@ -280,8 +280,10 @@
// Los `<button>` internos de Angular Material quedan fuera: el calendario del // Los `<button>` internos de Angular Material quedan fuera: el calendario del
// datepicker, por ejemplo, monta cada día como un `<button>` y el // datepicker, por ejemplo, monta cada día como un `<button>` y el
// `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión // `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión
// va en `:where()` para no alterar la especificidad de la regla. // va en `:where()` para no alterar la especificidad de la regla. La zona de
button:not(:where([class*='mat-'])) { // `pi-file-upload` también es un `<button>` (para el teclado), pero con su
// propio aspecto: sin excluirla, el alto y el relleno de botón la aplastaban.
button:not(:where([class*='mat-'], .pi-file-upload__dropzone)) {
// Colors // Colors
@include themeButtonsColors; @include themeButtonsColors;
// Sizes // Sizes
@@ -293,8 +295,10 @@
// Los `<button>` internos de Angular Material quedan fuera: el calendario del // Los `<button>` internos de Angular Material quedan fuera: el calendario del
// datepicker, por ejemplo, monta cada día como un `<button>` y el // datepicker, por ejemplo, monta cada día como un `<button>` y el
// `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión // `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión
// va en `:where()` para no alterar la especificidad de la regla. // va en `:where()` para no alterar la especificidad de la regla. La zona de
button:not(:where([class*='mat-'])) { // `pi-file-upload` también es un `<button>` (para el teclado), pero con su
// propio aspecto: sin excluirla, el alto y el relleno de botón la aplastaban.
button:not(:where([class*='mat-'], .pi-file-upload__dropzone)) {
// Colors // Colors
@include themeButtonsColors; @include themeButtonsColors;
// Sizes // Sizes

6
libs/ui/src/lib/styles/common/components/pi-button/_pi-button.scss
View File

@@ -145,8 +145,10 @@ html,
// Los `<button>` internos de Angular Material quedan fuera: el calendario del // Los `<button>` internos de Angular Material quedan fuera: el calendario del
// datepicker, por ejemplo, monta cada día como un `<button>` y el // datepicker, por ejemplo, monta cada día como un `<button>` y el
// `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión // `min-width: 5.5rem` de la librería lo sacaba fuera del panel. La exclusión
// va en `:where()` para no alterar la especificidad de la regla. // va en `:where()` para no alterar la especificidad de la regla. La zona de
button:not(:where([class*='mat-'])) { // `pi-file-upload` también es un `<button>` (para el teclado), pero con su
// propio aspecto: sin excluirla, el alto y el relleno de botón la aplastaban.
button:not(:where([class*='mat-'], .pi-file-upload__dropzone)) {
// Default properties // Default properties
@include defaultButtonsProperties; @include defaultButtonsProperties;