@gitlab/ui 64.0.0 → 64.0.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/CHANGELOG.md +8 -0
- package/dist/components/charts/bar/bar.js +8 -5
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +1 -1
- package/src/components/base/filtered_search/filtered_search.scss +5 -2
- package/src/components/charts/bar/bar.vue +5 -5
- package/src/scss/utilities.scss +10 -0
- package/src/scss/utility-mixins/border.scss +6 -0
package/package.json
CHANGED
|
@@ -4,6 +4,10 @@
|
|
|
4
4
|
@include gl-rounded-left-base;
|
|
5
5
|
position: relative;
|
|
6
6
|
flex-grow: 1;
|
|
7
|
+
|
|
8
|
+
.input-group-prepend + & {
|
|
9
|
+
@include gl-rounded-left-none;
|
|
10
|
+
}
|
|
7
11
|
}
|
|
8
12
|
|
|
9
13
|
.gl-filtered-search-scrollable {
|
|
@@ -14,9 +18,8 @@
|
|
|
14
18
|
@include gl-py-2;
|
|
15
19
|
@include gl-pl-4;
|
|
16
20
|
@include gl-border-none;
|
|
17
|
-
@include gl-rounded-left-base;
|
|
18
21
|
position: absolute;
|
|
19
|
-
max-width: calc(100% - $gl-spacing-scale-7);
|
|
22
|
+
max-width: calc(100% - #{$gl-spacing-scale-7});
|
|
20
23
|
overflow: hidden;
|
|
21
24
|
overflow-x: auto;
|
|
22
25
|
|
|
@@ -175,12 +175,12 @@ export default {
|
|
|
175
175
|
},
|
|
176
176
|
beforeDestroy() {
|
|
177
177
|
if (this.chart) {
|
|
178
|
-
this.chart.
|
|
179
|
-
this.chart.
|
|
178
|
+
this.chart.getZr().off('mousemove', this.debouncedMoveShowTooltip);
|
|
179
|
+
this.chart.getZr().off('mouseout', this.debouncedMoveShowTooltip);
|
|
180
180
|
}
|
|
181
181
|
},
|
|
182
182
|
methods: {
|
|
183
|
-
moveShowTooltip(mouseEvent) {
|
|
183
|
+
moveShowTooltip({ event: mouseEvent }) {
|
|
184
184
|
this.tooltipPosition = {
|
|
185
185
|
left: `${mouseEvent.zrX + TOOLTIP_LEFT_OFFSET}px`,
|
|
186
186
|
top: `${mouseEvent.zrY}px`,
|
|
@@ -190,8 +190,8 @@ export default {
|
|
|
190
190
|
onCreated(chart) {
|
|
191
191
|
this.chart = chart;
|
|
192
192
|
this.$emit('created', chart);
|
|
193
|
-
chart.
|
|
194
|
-
chart.
|
|
193
|
+
chart.getZr().on('mousemove', this.debouncedMoveShowTooltip);
|
|
194
|
+
chart.getZr().on('mouseout', this.debouncedMoveShowTooltip);
|
|
195
195
|
},
|
|
196
196
|
onLabelChange(params) {
|
|
197
197
|
const { yLabels, tooltipContent } = this.getDefaultTooltipContent(params, this.xAxisTitle);
|
package/src/scss/utilities.scss
CHANGED
|
@@ -1693,6 +1693,16 @@
|
|
|
1693
1693
|
border-radius: $gl-spacing-scale-4 !important;
|
|
1694
1694
|
}
|
|
1695
1695
|
|
|
1696
|
+
.gl-rounded-left-none {
|
|
1697
|
+
border-top-left-radius: 0;
|
|
1698
|
+
border-bottom-left-radius: 0;
|
|
1699
|
+
}
|
|
1700
|
+
|
|
1701
|
+
.gl-rounded-left-none\! {
|
|
1702
|
+
border-top-left-radius: 0 !important;
|
|
1703
|
+
border-bottom-left-radius: 0 !important;
|
|
1704
|
+
}
|
|
1705
|
+
|
|
1696
1706
|
.gl-rounded-left-base {
|
|
1697
1707
|
border-top-left-radius: $gl-border-radius-base;
|
|
1698
1708
|
border-bottom-left-radius: $gl-border-radius-base;
|
|
@@ -383,6 +383,12 @@
|
|
|
383
383
|
@mixin gl-rounded-pill {
|
|
384
384
|
border-radius: $gl-spacing-scale-4;
|
|
385
385
|
}
|
|
386
|
+
|
|
387
|
+
@mixin gl-rounded-left-none {
|
|
388
|
+
border-top-left-radius: 0;
|
|
389
|
+
border-bottom-left-radius: 0;
|
|
390
|
+
}
|
|
391
|
+
|
|
386
392
|
@mixin gl-rounded-left-base {
|
|
387
393
|
border-top-left-radius: $gl-border-radius-base;
|
|
388
394
|
border-bottom-left-radius: $gl-border-radius-base;
|