@coolon/angular-ui-powerups 1.11.0 → 1.11.2
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/CHANGELOG.md +14 -0
- package/assets/form.scss +37 -0
- package/assets/interaction.scss +22 -0
- package/assets/mixins.scss +28 -0
- package/assets/router.scss +9 -0
- package/assets/styles.scss +6 -6
- package/assets/table.scss +9 -0
- package/assets/tabs.scss +17 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [1.11.2](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.11.1...v1.11.2) (2020-06-10)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* updated build to package all styles sheets ([71c4298](https://bitbucket.org/coolon/angular-ui-powerups/commit/71c4298425a5a7a878b01f7ef22011d570ac9ef8))
|
|
11
|
+
|
|
12
|
+
### [1.11.1](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.11.0...v1.11.1) (2020-06-10)
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Bug Fixes
|
|
16
|
+
|
|
17
|
+
* updated imports to use relative paths ([b57a8ba](https://bitbucket.org/coolon/angular-ui-powerups/commit/b57a8bae9cd3ca0552251ae6bfd397f784d22303))
|
|
18
|
+
|
|
5
19
|
## [1.11.0](https://bitbucket.org/coolon/angular-ui-powerups/compare/v1.10.0...v1.11.0) (2020-06-10)
|
|
6
20
|
|
|
7
21
|
|
package/assets/form.scss
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.aup-input-component {
|
|
2
|
+
|
|
3
|
+
display: block;
|
|
4
|
+
|
|
5
|
+
mat-form-field, input {
|
|
6
|
+
width: 100%;
|
|
7
|
+
|
|
8
|
+
mat-hint.faux-error {
|
|
9
|
+
color: mat-color(mat-palette($mat-red));
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
aup-table-cell-renderer > .aup-input-component {
|
|
15
|
+
|
|
16
|
+
// TODO: enter/exit animations for the editor size.
|
|
17
|
+
|
|
18
|
+
.mat-form-field-flex {
|
|
19
|
+
padding-top: 0;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.mat-form-field-infix {
|
|
23
|
+
width: 0; // ensure it doesn't expand the cell.
|
|
24
|
+
//border-top: none; // remove label space
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.mat-form-field-label-wrapper { // hide the label
|
|
28
|
+
display: none;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.mat-form-field-subscript-wrapper {
|
|
32
|
+
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
.dialog-interaction-context {
|
|
2
|
+
max-width: 95vw !important;
|
|
3
|
+
max-height: 95vh !important;
|
|
4
|
+
|
|
5
|
+
mat-dialog-container {
|
|
6
|
+
max-width: 95vw !important;
|
|
7
|
+
max-height: 95vh !important;
|
|
8
|
+
padding: 0;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
.aup-popup-interaction-panel {
|
|
14
|
+
background: var(--aup-default-background, white);
|
|
15
|
+
@include mat-elevation(1);
|
|
16
|
+
@include mat-elevation-transition;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.aup-input-activity {
|
|
20
|
+
padding: calc(var(--aup-default-padding)/2);
|
|
21
|
+
}
|
|
22
|
+
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
@mixin elevate-on-hover($height:2) {
|
|
2
|
+
@include mat-elevation-transition;
|
|
3
|
+
//@include mat-elevation(2);
|
|
4
|
+
&:hover {
|
|
5
|
+
@include mat-elevation($height);
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@mixin new-card-placeholder-style($color: rgba(0,0,0,0.54), $background-color: rgba(255,255,255,0.8), $hover-color: $color, $background-hover-color: white) {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
border: 2px dashed rgba(0, 0, 0, 0.1);
|
|
12
|
+
border-radius: 6px;
|
|
13
|
+
|
|
14
|
+
font-weight: 300;
|
|
15
|
+
cursor: pointer;
|
|
16
|
+
color: $color;
|
|
17
|
+
background-color: $background-color;
|
|
18
|
+
transition: all $mat-elevation-transition-duration $mat-elevation-transition-timing-function;
|
|
19
|
+
|
|
20
|
+
&:hover {
|
|
21
|
+
@include elevate-on-hover(4);
|
|
22
|
+
transition: all $mat-elevation-transition-duration $mat-elevation-transition-timing-function;
|
|
23
|
+
border-color: transparent;
|
|
24
|
+
background-color: $background-hover-color;
|
|
25
|
+
color: $hover-color;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
package/assets/styles.scss
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
--aup-default-background: white;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
@import "mixins";
|
|
9
|
-
@import "router";
|
|
10
|
-
@import "tabs";
|
|
11
|
-
@import "interaction";
|
|
12
|
-
@import "form";
|
|
13
|
-
@import "table";
|
|
8
|
+
@import "./mixins";
|
|
9
|
+
@import "./router";
|
|
10
|
+
@import "./tabs";
|
|
11
|
+
@import "./interaction";
|
|
12
|
+
@import "./form";
|
|
13
|
+
@import "./table";
|
package/assets/tabs.scss
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
[no-tab-header] {
|
|
2
|
+
> mat-tab-header {
|
|
3
|
+
display: none;
|
|
4
|
+
}
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
[full-height-tabs], mat-tab-group.full-height-tabs {
|
|
8
|
+
.mat-tab-body-wrapper {
|
|
9
|
+
flex: 1;
|
|
10
|
+
mat-tab-body, .mat-tab-body-content {
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
justify-content: stretch;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|