@enki-tek/fms-web-components 0.1.7 → 0.1.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.
@@ -1,8 +1,8 @@
1
1
  <script>
2
-
2
+ export let className = "";
3
3
  </script>
4
4
 
5
- <div class="icons">
5
+ <div class="icons {className}">
6
6
  <slot></slot>
7
7
  </div>
8
8
 
@@ -2,7 +2,7 @@
2
2
  /** @typedef {typeof __propDef.events} ActionInconGroupEvents */
3
3
  /** @typedef {typeof __propDef.slots} ActionInconGroupSlots */
4
4
  export default class ActionInconGroup extends SvelteComponentTyped<{
5
- [x: string]: never;
5
+ className?: string | undefined;
6
6
  }, {
7
7
  [evt: string]: CustomEvent<any>;
8
8
  }, {
@@ -15,7 +15,7 @@ export type ActionInconGroupSlots = typeof __propDef.slots;
15
15
  import { SvelteComponentTyped } from "svelte";
16
16
  declare const __propDef: {
17
17
  props: {
18
- [x: string]: never;
18
+ className?: string | undefined;
19
19
  };
20
20
  events: {
21
21
  [evt: string]: CustomEvent<any>;
@@ -99,6 +99,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
99
99
  .box a {
100
100
  color: #ffffff;
101
101
  }
102
+ .active {
103
+ background-color: #3A736D !important;
104
+ }
102
105
  }
103
106
  .active {
104
107
  background-color: #ddf9f6;
@@ -8,7 +8,7 @@
8
8
 
9
9
  <li class="nav-item p-2 box {active ? "active" : ""}">
10
10
  <a
11
- class="nav-link d-flex align-items-center gap-2"
11
+ class="nav-link d-flex align-items-center gap-2 flex-grow-1"
12
12
  aria-current="page"
13
13
  href={link}
14
14
  on:click
@@ -112,6 +112,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
112
112
  .box a {
113
113
  color: #ffffff;
114
114
  }
115
+ .active {
116
+ background-color: #3A736D !important;
117
+ }
115
118
  }
116
119
  .active {
117
120
  background-color: #ddf9f6;
@@ -122,6 +122,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
122
122
  .box a {
123
123
  color: #ffffff;
124
124
  }
125
+ .active {
126
+ background-color: #3A736D !important;
127
+ }
125
128
  }
126
129
  .active {
127
130
  background-color: #ddf9f6;
@@ -138,7 +138,12 @@ ul {
138
138
  .box a{
139
139
  color: #ffffff;
140
140
  }
141
+
142
+ .active{
143
+ background-color: #3A736D !important;
144
+ }
141
145
  }
146
+
142
147
  .active{
143
148
  background-color: #ddf9f6;
144
149
  }
@@ -175,6 +175,9 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
175
175
  .box a {
176
176
  color: #ffffff;
177
177
  }
178
+ .active {
179
+ background-color: #3A736D !important;
180
+ }
178
181
  }
179
182
  .active {
180
183
  background-color: #ddf9f6;
@@ -68,14 +68,14 @@
68
68
  .statecardtitle {
69
69
  font-weight: 400;
70
70
  float: right;
71
- width: max-content;
71
+ width: 50%;
72
72
  }
73
73
 
74
74
  .subtitle {
75
75
  float: left;
76
76
  font-size: 16px;
77
77
  font-weight: 400;
78
- width: max-content;
78
+ width: 100%;
79
79
  }
80
80
 
81
81
  .time {
@@ -92,13 +92,13 @@
92
92
  .statecardtitle {
93
93
  font-weight: 400;
94
94
  float: right;
95
- width: max-content;
95
+ width: 50%;
96
96
  }
97
97
  .subtitle {
98
98
  float: left;
99
99
  font-size: 16px;
100
100
  font-weight: 400;
101
- width: max-content;
101
+ width: 100%;
102
102
  }
103
103
  .time {
104
104
  float: right;
@@ -16,13 +16,13 @@
16
16
  </Col>
17
17
  <Col>
18
18
  <div class="content">
19
- <div class="statecardtitle">{title}</div>
19
+ <div class="statecardtitle text-truncate">{title}</div>
20
20
  </div>
21
21
  </Col>
22
22
  </Row>
23
23
  <Row>
24
24
  <Col>
25
- <div class="subtitle">{subtitle}</div>
25
+ <div class="subtitle text-truncate">{subtitle}</div>
26
26
  </Col>
27
27
  <Col> <div class="time mt-1">{time}</div>
28
28
  </Col>
@@ -95,13 +95,13 @@
95
95
  .statecardtitle {
96
96
  font-weight: 400;
97
97
  float: right;
98
- width: max-content;
98
+ width: 50%;
99
99
  }
100
100
  .subtitle {
101
101
  float: left;
102
102
  font-size: 16px;
103
103
  font-weight: 400;
104
- width: max-content;
104
+ width: 100%;
105
105
  }
106
106
  .time {
107
107
  float: right;
@@ -125,13 +125,13 @@
125
125
  .statecardtitle {
126
126
  font-weight: 400;
127
127
  float: right;
128
- width: max-content;
128
+ width: 50%;
129
129
  }
130
130
  .subtitle {
131
131
  float: left;
132
132
  font-size: 16px;
133
133
  font-weight: 400;
134
- width: max-content;
134
+ width: 100%;
135
135
  }
136
136
  .time {
137
137
  float: right;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enki-tek/fms-web-components",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "devDependencies": {
5
5
  "@storybook/addon-essentials": "^7.6.14",
6
6
  "@storybook/addon-interactions": "^7.6.14",