|
|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<ui-group-option
|
|
|
class="sign-measure"
|
|
|
+ :class="{ active: measure.selected }"
|
|
|
@mouseenter="measure.selected = true"
|
|
|
@mouseleave="measure.selected = false"
|
|
|
>
|
|
|
@@ -56,6 +57,15 @@ const desc = computed(() => {
|
|
|
border-bottom: 1px solid var(--colors-border-color);
|
|
|
position: relative;
|
|
|
|
|
|
+ &.active::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ pointer-events: none;
|
|
|
+ inset: 0 -20px;
|
|
|
+ background-color: rgba(0, 200, 175, 0.16);
|
|
|
+ z-index: -1;
|
|
|
+ }
|
|
|
+
|
|
|
.info {
|
|
|
flex: 1;
|
|
|
|
