@ecodev/natural 69.0.6 → 69.0.8
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
package/src/lib/_natural.scss
CHANGED
|
@@ -4,7 +4,8 @@
|
|
|
4
4
|
@use './styles/material-scrolling-fixes.scss';
|
|
5
5
|
@use './styles/table.scss';
|
|
6
6
|
@use './styles/typography.scss';
|
|
7
|
-
@use 'styles/buttons';
|
|
7
|
+
@use './styles/buttons';
|
|
8
|
+
@use './styles/dialog.scss';
|
|
8
9
|
@use './styles/fab.scss';
|
|
9
10
|
@use './styles/icons.scss';
|
|
10
11
|
@use './styles/backgrounds.scss';
|
|
@@ -9,6 +9,7 @@ body {
|
|
|
9
9
|
--nat-gradient-inverse-surface: var(--mat-sys-inverse-surface);
|
|
10
10
|
--nat-dark-fixed: #343434;
|
|
11
11
|
--nat-on-dark-fixed: #f8f8f8;
|
|
12
|
+
--nat-gradient-dark-fixed: var(--nat-dark-fixed);
|
|
12
13
|
--nat-bad: rgb(200, 11, 11);
|
|
13
14
|
--nat-on-bad: white;
|
|
14
15
|
--nat-gradient-bad: var(--nat-bad);
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
2
|
|
|
3
|
+
// Allow to select label of buttons.
|
|
4
|
+
// Because we use buttons for so many things that really should be copy-pastable.
|
|
5
|
+
// Such as the very common natural-table-button, and the email/phone number
|
|
6
|
+
// buttons in Epicerio. Really there is no practical reason to prevent selection,
|
|
7
|
+
// especially when it is the only UI element that does that.
|
|
8
|
+
.mdc-button {
|
|
9
|
+
user-select: initial !important;
|
|
10
|
+
}
|
|
11
|
+
|
|
3
12
|
body {
|
|
4
13
|
--nat-primary-link-color: var(--mat-sys-primary-container);
|
|
5
14
|
--nat-tertiary-link-color: var(--mat-sys-tertiary-container);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
// We try our best to not wrap action buttons in dialogs. But sometimes it still happens, especially on mobile.
|
|
2
|
+
// And material does not handle that at all. So we add a small vertical space between button.
|
|
3
|
+
// So if buttons wrap they kind a look like a regular (same horizontal and vertical spacing)
|
|
4
|
+
mat-dialog-actions {
|
|
5
|
+
row-gap: 8px; // magic value taken from Material's `$mat-dialog-button-horizontal-margin` variable
|
|
6
|
+
}
|