@itfin/components 1.2.104 → 1.2.105
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
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="itf-board-card shadow-sm">
|
|
2
|
+
<div class="itf-board-card shadow-sm" @click="$emit('click')" tabindex="0">
|
|
3
3
|
<slot name="header"></slot>
|
|
4
4
|
|
|
5
|
-
<div class="itf-board-card-inner d-flex"
|
|
5
|
+
<div class="itf-board-card-inner d-flex">
|
|
6
6
|
<div class="flex-grow-1 itf-board-card-inner-content">
|
|
7
7
|
<slot>{{text}}</slot>
|
|
8
8
|
</div>
|
|
9
|
-
<div>
|
|
10
|
-
<itf-button icon small>
|
|
9
|
+
<div v-if="dropdown">
|
|
10
|
+
<itf-button icon small @click.prevent.stop="">
|
|
11
11
|
<itf-icon name="menu_horizontal" />
|
|
12
12
|
</itf-button>
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
15
|
|
|
16
|
-
<div class="itf-board-card-footer d-flex">
|
|
16
|
+
<div class="itf-board-card-footer pt-1 d-flex">
|
|
17
17
|
<slot name="footer"></slot>
|
|
18
18
|
</div>
|
|
19
19
|
</div>
|
|
@@ -39,5 +39,6 @@ export default @Component({
|
|
|
39
39
|
})
|
|
40
40
|
class BoardColumn extends Vue {
|
|
41
41
|
@Prop() text;
|
|
42
|
+
@Prop(Boolean) dropdown;
|
|
42
43
|
}
|
|
43
44
|
</script>
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--itf-board-column-hover-color:
|
|
2
|
+
--itf-board-column-hover-color: rgba(0, 0, 0, .05);
|
|
3
3
|
--itf-board-column-width: 300px;
|
|
4
4
|
--itf-board-placeholder-color: #47BEFF;
|
|
5
5
|
--itf-board-placeholder-border-color: #0567eb;
|
|
6
6
|
--itf-board-placeholder-bg-color: #ebeffe;
|
|
7
7
|
--itf-board-card-bg-color: #fff;
|
|
8
|
+
--itf-board-card-hover-color: rgba(0, 0, 0, .05);
|
|
8
9
|
--itf-board-card-border-color: #ccc;
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
[data-theme="dark"] {
|
|
12
|
-
--itf-board-column-hover-color:
|
|
13
|
+
--itf-board-column-hover-color: rgba(255, 255, 255, .05);
|
|
13
14
|
--itf-board-placeholder-color: #FFCC00;
|
|
14
15
|
--itf-board-placeholder-border-color: #FFCC00;
|
|
15
16
|
--itf-board-placeholder-bg-color: #383b41;
|
|
@@ -214,6 +215,11 @@
|
|
|
214
215
|
overflow: hidden;
|
|
215
216
|
user-select: none;
|
|
216
217
|
padding: .5rem;
|
|
218
|
+
cursor: pointer;
|
|
219
|
+
|
|
220
|
+
&:hover, &:focus {
|
|
221
|
+
background-color: var(--itf-board-card-hover-bg-color);
|
|
222
|
+
}
|
|
217
223
|
|
|
218
224
|
.itf-board-card-inner {
|
|
219
225
|
font-size: .875rem;
|