@enki-tek/fms-web-components 0.0.61 → 0.0.63
Sign up to get free protection for your applications and to get access to all the features.
- package/components/Badge/Badge.svelte +2 -2
- package/components/Badge/Badge.svelte.d.ts +1 -1
- package/components/EnkiSidbar/EnkiSidebar.svelte +4 -0
- package/components/EnkiSidbar/NavIcon.svelte +4 -0
- package/components/EnkiSidbar/NavItem.svelte +4 -0
- package/components/EnkiSidbar/NavLink.svelte +4 -0
- package/components/EnkiSidbar/Sidebar.scss +4 -0
- package/components/EnkiTable/TableHeadCell.svelte +1 -1
- package/components/Header/Brand.svelte +1 -0
- package/components/Header/Header.scss +1 -0
- package/components/Header/Header.svelte +1 -0
- package/components/Header/HeaderItem.svelte +1 -0
- package/components/Header/UserAvatar.svelte +1 -0
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script>import { Badge } from "sveltestrap";
|
|
2
2
|
import { badgeConfig } from "./BadgeConfig";
|
|
3
3
|
export let config = "";
|
|
4
|
-
export let className;
|
|
5
|
-
let badgeStyles = [`custom-badge`, className];
|
|
4
|
+
export let className = "";
|
|
5
|
+
let badgeStyles = [`custom-badge`, className, "mt-1"];
|
|
6
6
|
if (badgeConfig.hasOwnProperty(config)) {
|
|
7
7
|
badgeStyles = [...badgeConfig[config], ...badgeStyles];
|
|
8
8
|
}
|
|
@@ -81,6 +81,9 @@
|
|
|
81
81
|
.nav-item.active, li.icons.active {
|
|
82
82
|
border-left: 2px solid #ffffff;
|
|
83
83
|
background: #084298;
|
|
84
|
+
pointer-events: none;
|
|
85
|
+
cursor: not-allowed;
|
|
86
|
+
pointer-events: none;
|
|
84
87
|
}
|
|
85
88
|
.nav-item, .icons {
|
|
86
89
|
display: flex;
|
|
@@ -127,6 +130,7 @@ li.icons:hover {
|
|
|
127
130
|
}
|
|
128
131
|
.nav-item .item-name {
|
|
129
132
|
line-height: 22px;
|
|
133
|
+
user-select: none;
|
|
130
134
|
}
|
|
131
135
|
.nav-item:hover {
|
|
132
136
|
background-color: #00AEE5;
|
|
@@ -24,6 +24,9 @@
|
|
|
24
24
|
.nav-item.active, li.icons.active {
|
|
25
25
|
border-left: 2px solid #ffffff;
|
|
26
26
|
background: #084298;
|
|
27
|
+
pointer-events: none;
|
|
28
|
+
cursor: not-allowed;
|
|
29
|
+
pointer-events: none;
|
|
27
30
|
}
|
|
28
31
|
.nav-item, .icons {
|
|
29
32
|
display: flex;
|
|
@@ -70,6 +73,7 @@ li.icons:hover {
|
|
|
70
73
|
}
|
|
71
74
|
.nav-item .item-name {
|
|
72
75
|
line-height: 22px;
|
|
76
|
+
user-select: none;
|
|
73
77
|
}
|
|
74
78
|
.nav-item:hover {
|
|
75
79
|
background-color: #00AEE5;
|
|
@@ -22,6 +22,9 @@
|
|
|
22
22
|
.nav-item.active, li.icons.active {
|
|
23
23
|
border-left: 2px solid #ffffff;
|
|
24
24
|
background: #084298;
|
|
25
|
+
pointer-events: none;
|
|
26
|
+
cursor: not-allowed;
|
|
27
|
+
pointer-events: none;
|
|
25
28
|
}
|
|
26
29
|
.nav-item, .icons {
|
|
27
30
|
display: flex;
|
|
@@ -68,6 +71,7 @@ li.icons:hover {
|
|
|
68
71
|
}
|
|
69
72
|
.nav-item .item-name {
|
|
70
73
|
line-height: 22px;
|
|
74
|
+
user-select: none;
|
|
71
75
|
}
|
|
72
76
|
.nav-item:hover {
|
|
73
77
|
background-color: #00AEE5;
|
|
@@ -31,6 +31,9 @@
|
|
|
31
31
|
.nav-item.active, li.icons.active {
|
|
32
32
|
border-left: 2px solid #ffffff;
|
|
33
33
|
background: #084298;
|
|
34
|
+
pointer-events: none;
|
|
35
|
+
cursor: not-allowed;
|
|
36
|
+
pointer-events: none;
|
|
34
37
|
}
|
|
35
38
|
.nav-item, .icons {
|
|
36
39
|
display: flex;
|
|
@@ -77,6 +80,7 @@ li.icons:hover {
|
|
|
77
80
|
}
|
|
78
81
|
.nav-item .item-name {
|
|
79
82
|
line-height: 22px;
|
|
83
|
+
user-select: none;
|
|
80
84
|
}
|
|
81
85
|
.nav-item:hover {
|
|
82
86
|
background-color: #00AEE5;
|
|
@@ -16,6 +16,9 @@
|
|
|
16
16
|
%active-styles {
|
|
17
17
|
border-left: 2px solid $white;
|
|
18
18
|
background: $blue-700;
|
|
19
|
+
pointer-events: none;
|
|
20
|
+
cursor: not-allowed;
|
|
21
|
+
pointer-events: none;
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
%common-li-styles {
|
|
@@ -100,6 +103,7 @@ li.icons:hover {
|
|
|
100
103
|
|
|
101
104
|
.nav-item .item-name {
|
|
102
105
|
line-height: 22px;
|
|
106
|
+
user-select: none;
|
|
103
107
|
}
|
|
104
108
|
|
|
105
109
|
.nav-item.active {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
export let rowspan = 1;
|
|
4
4
|
export let textAlign = ' ';
|
|
5
5
|
export let className = '';
|
|
6
|
-
let tdStyles = ['th-div', `text-${textAlign}` , className];
|
|
6
|
+
let tdStyles = ['th-div', `text-${textAlign}` , className , "ps-2"];
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<th {...$$restProps} colspan={colspan} rowspan={rowspan} class={tdStyles.join(' ')}><slot /></th>
|