|
|
@@ -280,7 +280,7 @@ watch(
|
|
|
</span>
|
|
|
<div class="flex-1 overflow-hidden">
|
|
|
<ElScrollbar ref="scrollbarRef" class="h-full" @scroll="scroll">
|
|
|
- <div class="h-full flex">
|
|
|
+ <div class="h-[var(--tags-view-height)] flex">
|
|
|
<ContextMenu
|
|
|
:ref="itemRefs.set"
|
|
|
:schema="[
|
|
|
@@ -491,10 +491,10 @@ $prefix-cls: #{$namespace}-tags-view;
|
|
|
|
|
|
&::before {
|
|
|
position: absolute;
|
|
|
- top: 1px;
|
|
|
+ top: 0;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
- height: calc(100% - 1px);
|
|
|
+ height: 100%;
|
|
|
border-left: 1px solid var(--el-border-color);
|
|
|
content: '';
|
|
|
}
|
|
|
@@ -502,10 +502,10 @@ $prefix-cls: #{$namespace}-tags-view;
|
|
|
&--first {
|
|
|
&::before {
|
|
|
position: absolute;
|
|
|
- top: 1px;
|
|
|
+ top: 0;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
- height: calc(100% - 1px);
|
|
|
+ height: 100%;
|
|
|
border-right: 1px solid var(--el-border-color);
|
|
|
border-left: none;
|
|
|
content: '';
|
|
|
@@ -515,7 +515,7 @@ $prefix-cls: #{$namespace}-tags-view;
|
|
|
|
|
|
&__item {
|
|
|
position: relative;
|
|
|
- top: 2px;
|
|
|
+ top: 3px;
|
|
|
height: calc(100% - 6px);
|
|
|
padding-right: 15px;
|
|
|
margin-left: 4px;
|
|
|
@@ -523,6 +523,7 @@ $prefix-cls: #{$namespace}-tags-view;
|
|
|
cursor: pointer;
|
|
|
border: 1px solid #d9d9d9;
|
|
|
border-radius: 2px;
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
|
&--close {
|
|
|
position: absolute;
|
|
|
@@ -560,10 +561,11 @@ $prefix-cls: #{$namespace}-tags-view;
|
|
|
}
|
|
|
|
|
|
&__item--immerse {
|
|
|
- top: 3px;
|
|
|
+ top: 2px;
|
|
|
+ height: calc(100% - 3px);
|
|
|
padding-right: 35px;
|
|
|
margin: 0 -10px;
|
|
|
- border: 1px solid transparent;
|
|
|
+ border: none !important;
|
|
|
-webkit-mask-box-image: url("data:image/svg+xml,%3Csvg width='68' height='34' viewBox='0 0 68 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m27,0c-7.99582,0 -11.95105,0.00205 -12,12l0,6c0,8.284 -0.48549,16.49691 -8.76949,16.49691l54.37857,-0.11145c-8.284,0 -8.60908,-8.10146 -8.60908,-16.38546l0,-6c0.11145,-12.08445 -4.38441,-12 -12,-12l-13,0z' fill='%23409eff'/%3E%3C/svg%3E")
|
|
|
12 27 15;
|
|
|
.#{$prefix-cls}__item--label {
|
preschooler