raise-common-lib 0.0.22 → 0.0.24
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/bundles/raise-common-lib.umd.js +82 -42
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +2 -2
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/dialog/common-delete-dialog/index.component.js +2 -2
- package/esm2015/lib/dialog/common-dialog/index.component.js +2 -2
- package/esm2015/lib/form/checkbox-group/index.component.js +1 -1
- package/esm2015/lib/form/radio-group/index.component.js +1 -1
- package/esm2015/lib/form/switch-input/index.component.js +1 -1
- package/esm2015/lib/layout/multi-tab/index.component.js +1 -1
- package/esm2015/lib/layout/rs-aside/index.component.js +25 -9
- package/esm2015/lib/layout/rs-header/index.component.js +41 -26
- package/esm2015/lib/service/dialog.service.js +2 -2
- package/esm2015/lib/service/keep-alive.service.js +11 -6
- package/esm5/lib/dialog/common-delete-dialog/index.component.js +2 -2
- package/esm5/lib/dialog/common-dialog/index.component.js +2 -2
- package/esm5/lib/form/checkbox-group/index.component.js +1 -1
- package/esm5/lib/form/radio-group/index.component.js +1 -1
- package/esm5/lib/form/switch-input/index.component.js +1 -1
- package/esm5/lib/layout/multi-tab/index.component.js +1 -1
- package/esm5/lib/layout/rs-aside/index.component.js +26 -9
- package/esm5/lib/layout/rs-header/index.component.js +45 -26
- package/esm5/lib/service/dialog.service.js +2 -2
- package/esm5/lib/service/keep-alive.service.js +11 -6
- package/fesm2015/raise-common-lib.js +77 -42
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +82 -42
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/rs-aside/index.component.d.ts +1 -1
- package/lib/layout/rs-header/index.component.d.ts +5 -9
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/style/reset/checkbox.scss +33 -0
- package/src/assets/style/reset/radio.scss +37 -0
- package/src/assets/style/reset/switch.scss +32 -0
- package/src/assets/style/style.scss +4 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.e-checkbox-wrapper {
|
|
2
|
+
.e-label {
|
|
3
|
+
color: var(--rs-label-color);
|
|
4
|
+
font-family: var(--rs-font-family);
|
|
5
|
+
font-size: var(--rs-font-size);
|
|
6
|
+
font-weight: 400;
|
|
7
|
+
line-height: 14px;
|
|
8
|
+
}
|
|
9
|
+
.e-checkbox-wrapper.e-checkbox-disabled {
|
|
10
|
+
.e-icons {
|
|
11
|
+
border-color: rgba(209, 209, 209, 0.5);
|
|
12
|
+
background-color: rgba(234, 237, 240, 0.35);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
.e-icons {
|
|
16
|
+
box-shadow: none !important;
|
|
17
|
+
&.e-check {
|
|
18
|
+
background-color: var(--rs-active-color) !important;
|
|
19
|
+
border-color: var(--rs-active-color) !important;
|
|
20
|
+
&::before {
|
|
21
|
+
content: "" !important;
|
|
22
|
+
display: block;
|
|
23
|
+
width: 11px;
|
|
24
|
+
height: 8px;
|
|
25
|
+
background-image: url("/assets/img/checked-vector.svg");
|
|
26
|
+
background-size: cover;
|
|
27
|
+
background-position: center;
|
|
28
|
+
background-color: transparent;
|
|
29
|
+
margin: 2px auto;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.e-radio-wrapper {
|
|
2
|
+
.e-radio:disabled + label {
|
|
3
|
+
&::before {
|
|
4
|
+
border-color: rgba(209, 209, 209, 0.5);
|
|
5
|
+
background-color: rgba(234, 237, 240, 0.35);
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
.e-radio:checked + label {
|
|
9
|
+
&::before {
|
|
10
|
+
background-color: var(--rs-active-color);
|
|
11
|
+
border-color: var(--rs-active-color);
|
|
12
|
+
box-shadow: none;
|
|
13
|
+
}
|
|
14
|
+
&::after {
|
|
15
|
+
content: "" !important;
|
|
16
|
+
display: block;
|
|
17
|
+
width: 11px;
|
|
18
|
+
height: 8px;
|
|
19
|
+
background-image: url("/assets/img/checked-vector.svg");
|
|
20
|
+
background-size: cover;
|
|
21
|
+
background-position: center;
|
|
22
|
+
background-color: transparent;
|
|
23
|
+
transform: scale(1);
|
|
24
|
+
left: 2px;
|
|
25
|
+
top: 3px;
|
|
26
|
+
border: 0;
|
|
27
|
+
border-radius: 0;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
.e-label {
|
|
31
|
+
color: var(--rs-label-color);
|
|
32
|
+
font-family: var(--rs-font-family);
|
|
33
|
+
font-size: var(--rs-font-size);
|
|
34
|
+
font-weight: 400;
|
|
35
|
+
line-height: 14px;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
.e-switch-wrapper {
|
|
2
|
+
width: 28px;
|
|
3
|
+
.e-switch-inner {
|
|
4
|
+
border: 1px solid rgba(173, 181, 189, 1);
|
|
5
|
+
&.e-switch-active {
|
|
6
|
+
background-color: var(--rs-active-color) !important;
|
|
7
|
+
border-color: var(--rs-active-color) !important;
|
|
8
|
+
}
|
|
9
|
+
.e-switch-on {
|
|
10
|
+
background-color: var(--rs-active-color) !important;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
.e-switch-handle {
|
|
14
|
+
background-color: #fff !important;
|
|
15
|
+
border: 1px solid rgba(173, 181, 189, 1);
|
|
16
|
+
left: 2px;
|
|
17
|
+
&.e-switch-active {
|
|
18
|
+
background-color: #fff;
|
|
19
|
+
border-color: var(--rs-active-color);
|
|
20
|
+
left: 100%;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
&.e-switch-disabled {
|
|
24
|
+
.e-switch-handle {
|
|
25
|
+
background-color: #e9ecef !important;
|
|
26
|
+
opacity: 0.5;
|
|
27
|
+
&.e-switch-active {
|
|
28
|
+
border-color: rgba(0, 129, 255, 0.5);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|