@itfin/components 1.3.25 → 1.3.27
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
|
@@ -20,11 +20,25 @@
|
|
|
20
20
|
|
|
21
21
|
&.itf-tabs__simple > .itf-tabs-panel {
|
|
22
22
|
padding-left: 0 !important;
|
|
23
|
+
border-bottom: 1px solid var(--itf-tabs-inactive-border-color);
|
|
23
24
|
}
|
|
24
25
|
.itf-tab__simple {
|
|
25
26
|
text-decoration: none;
|
|
26
|
-
padding-right: 2rem;
|
|
27
27
|
color: var(--bs-gray-500);
|
|
28
|
+
border-bottom: 0px solid transparent;
|
|
29
|
+
position: relative;
|
|
30
|
+
padding: 0.5rem 1rem;
|
|
31
|
+
|
|
32
|
+
&:after {
|
|
33
|
+
content: "";
|
|
34
|
+
position: absolute;
|
|
35
|
+
bottom: 0;
|
|
36
|
+
left: 0;
|
|
37
|
+
width: 100%;
|
|
38
|
+
height: 0px;
|
|
39
|
+
background-color: #000;
|
|
40
|
+
transition: height 0.3s ease;
|
|
41
|
+
}
|
|
28
42
|
|
|
29
43
|
[data-theme="dark"] & {
|
|
30
44
|
color: var(--bs-gray-700);
|
|
@@ -32,6 +46,9 @@
|
|
|
32
46
|
|
|
33
47
|
&.active {
|
|
34
48
|
color: var(--bs-body-color);
|
|
49
|
+
&:after {
|
|
50
|
+
height: 4px;
|
|
51
|
+
}
|
|
35
52
|
}
|
|
36
53
|
}
|
|
37
54
|
&.itf-tabs__vertical {
|
|
@@ -80,6 +80,7 @@ class itfEditor extends Vue {
|
|
|
80
80
|
@Prop(String) imageEndpoint;
|
|
81
81
|
@Prop(String) fetchEndpoint;
|
|
82
82
|
@Prop(String) bearerToken;
|
|
83
|
+
@Prop({ type: String, default: function() { return this.$t('workflows.clickToEdit'); } }) startTypingText;
|
|
83
84
|
@Prop({ default: () => ({}) }) tools;
|
|
84
85
|
|
|
85
86
|
editor = null;
|
|
@@ -209,7 +210,7 @@ class itfEditor extends Vue {
|
|
|
209
210
|
data: cloneDeep(this.value || {}),
|
|
210
211
|
// autofocus: true,
|
|
211
212
|
minHeight: this.readonly ? 10 : 100,
|
|
212
|
-
placeholder: this
|
|
213
|
+
placeholder: this.startTypingText,
|
|
213
214
|
|
|
214
215
|
onReady: () => {
|
|
215
216
|
if (!this.readonly) {
|