@abi-software/map-side-bar 2.2.1-beta.0 → 2.2.1-beta.1
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/dist/map-side-bar.js +26 -18
- package/dist/map-side-bar.umd.cjs +27 -26
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/ExternalResourceCard.vue +1 -1
- package/src/components/ProvenancePopup.vue +1 -0
- package/src/components/SideBar.vue +2 -1
- package/src/components/Tabs.vue +11 -14
package/package.json
CHANGED
|
@@ -245,7 +245,7 @@ export default {
|
|
|
245
245
|
*/
|
|
246
246
|
this.$emit('anatomy-in-datasets', payLoad)
|
|
247
247
|
})
|
|
248
|
-
|
|
248
|
+
|
|
249
249
|
EventBus.on('contextUpdate', (payLoad) => {
|
|
250
250
|
/**
|
|
251
251
|
* This event is emitted when the context card is updated.
|
|
@@ -363,6 +363,7 @@ export default {
|
|
|
363
363
|
.tab-container ~ & {
|
|
364
364
|
border-radius: 0;
|
|
365
365
|
border: 0 none;
|
|
366
|
+
position: relative;
|
|
366
367
|
}
|
|
367
368
|
}
|
|
368
369
|
</style>
|
package/src/components/Tabs.vue
CHANGED
|
@@ -55,26 +55,23 @@ export default {
|
|
|
55
55
|
</script>
|
|
56
56
|
|
|
57
57
|
<style lang="scss" scoped>
|
|
58
|
+
$tab-height: 30px;
|
|
59
|
+
|
|
58
60
|
.tab-container {
|
|
59
|
-
height:
|
|
60
|
-
padding-bottom: 1px;
|
|
61
|
-
border-bottom: 1px solid $app-primary-color;
|
|
61
|
+
height: $tab-height;
|
|
62
62
|
display: flex;
|
|
63
63
|
flex-direction: row;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.title {
|
|
67
|
-
height:
|
|
67
|
+
height: $tab-height;
|
|
68
68
|
border: 1px solid var(--el-border-color);
|
|
69
|
-
border-
|
|
69
|
+
border-top-color: transparent;
|
|
70
70
|
background-color: white;
|
|
71
71
|
display: flex;
|
|
72
72
|
width: fit-content;
|
|
73
73
|
align-items: center;
|
|
74
74
|
position: relative;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.title:hover {
|
|
78
75
|
cursor: pointer;
|
|
79
76
|
}
|
|
80
77
|
|
|
@@ -90,19 +87,19 @@ export default {
|
|
|
90
87
|
display: table;
|
|
91
88
|
height: 100%;
|
|
92
89
|
width: 100%;
|
|
93
|
-
|
|
94
|
-
&:hover {
|
|
95
|
-
color: $app-primary-color;
|
|
96
|
-
}
|
|
97
90
|
}
|
|
98
91
|
|
|
99
92
|
.parent-dialog:hover .title-text {
|
|
100
93
|
color: $app-primary-color;
|
|
101
94
|
}
|
|
102
95
|
|
|
96
|
+
.title:hover,
|
|
103
97
|
.active-tab {
|
|
104
|
-
|
|
105
|
-
border
|
|
98
|
+
background-color: #f9f2fc;
|
|
99
|
+
border: solid #8300bf;
|
|
100
|
+
border-width: 1px 1px .125em;
|
|
101
|
+
color: #8300bf;
|
|
102
|
+
font-weight: 500;
|
|
106
103
|
}
|
|
107
104
|
|
|
108
105
|
.highlightText {
|