@bunnyland/ui-web 0.2.2 → 0.2.3
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/assets/bunnyland-ui.css +26 -4
- package/package.json +1 -1
package/assets/bunnyland-ui.css
CHANGED
|
@@ -649,6 +649,7 @@ input, select, textarea, button { font-family: var(--bl-font-mono); }
|
|
|
649
649
|
|
|
650
650
|
input[type=file],
|
|
651
651
|
input[type=text],
|
|
652
|
+
input[type=password],
|
|
652
653
|
input[type=number],
|
|
653
654
|
select,
|
|
654
655
|
textarea {
|
|
@@ -689,6 +690,31 @@ button {
|
|
|
689
690
|
button:hover:not(:disabled) { background: var(--bl-surface-hover); }
|
|
690
691
|
button:disabled { opacity: 0.4; cursor: default; }
|
|
691
692
|
|
|
693
|
+
dialog {
|
|
694
|
+
position: fixed;
|
|
695
|
+
z-index: 10000;
|
|
696
|
+
inset: 0;
|
|
697
|
+
width: min(460px, calc(100vw - 24px));
|
|
698
|
+
max-width: calc(100vw - 24px);
|
|
699
|
+
max-height: calc(100dvh - 24px);
|
|
700
|
+
margin: auto;
|
|
701
|
+
padding: 14px;
|
|
702
|
+
overflow: auto;
|
|
703
|
+
border: 1px solid var(--bl-border-control);
|
|
704
|
+
border-radius: var(--bl-radius-md);
|
|
705
|
+
color: var(--bl-text);
|
|
706
|
+
background: var(--bl-bg-strong);
|
|
707
|
+
box-shadow: var(--bl-shadow-popover);
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
dialog::backdrop { background: var(--bl-overlay); }
|
|
711
|
+
|
|
712
|
+
/* The Toon client and browser fallbacks can render with the open attribute
|
|
713
|
+
instead of showModal. Keep those dialogs modal-looking. */
|
|
714
|
+
dialog[open]:not(:modal):not(.content-warning-dialog) {
|
|
715
|
+
box-shadow: 0 0 0 100vmax var(--bl-overlay), var(--bl-shadow-popover);
|
|
716
|
+
}
|
|
717
|
+
|
|
692
718
|
.bl-button-primary {
|
|
693
719
|
color: var(--bl-text-inverse);
|
|
694
720
|
background: var(--bl-accent);
|
|
@@ -726,8 +752,6 @@ button:disabled { opacity: 0.4; cursor: default; }
|
|
|
726
752
|
box-shadow: var(--bl-shadow-popover);
|
|
727
753
|
}
|
|
728
754
|
|
|
729
|
-
.bl-auth-dialog::backdrop { background: var(--bl-overlay); }
|
|
730
|
-
|
|
731
755
|
.bl-auth-form,
|
|
732
756
|
.bl-auth-form label {
|
|
733
757
|
display: grid;
|
|
@@ -763,8 +787,6 @@ button:disabled { opacity: 0.4; cursor: default; }
|
|
|
763
787
|
box-shadow: var(--bl-shadow-popover);
|
|
764
788
|
}
|
|
765
789
|
|
|
766
|
-
.bl-dialog::backdrop { background: var(--bl-overlay); }
|
|
767
|
-
|
|
768
790
|
.bl-dialog-form {
|
|
769
791
|
display: flex;
|
|
770
792
|
flex-direction: column;
|