yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🐞 fix:修复标签栏高度（被box-sizing和scrollbar__view的height: 99%干扰）

pull/517/head
preschooler 2024-08-22 01:31:01 +08:00
parent 323e6197b1
commit 5cdfed5741
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/layout/components/TagsView/src/TagsView.vue
View File

@ -280,7 +280,7 @@ watch(
</span> </span>
<div class="flex-1 overflow-hidden"> <div class="flex-1 overflow-hidden">
<ElScrollbar ref="scrollbarRef" class="h-full" @scroll="scroll"> <ElScrollbar ref="scrollbarRef" class="h-full" @scroll="scroll">
<div class="h-full flex"> <div class="h-[var(--tags-view-height)] flex">
<ContextMenu <ContextMenu
:ref="itemRefs.set" :ref="itemRefs.set"
:schema="[ :schema="[
@ -491,10 +491,10 @@ $prefix-cls: #{$namespace}-tags-view;
&::before { &::before {
position: absolute; position: absolute;
top: 1px; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: calc(100% - 1px); height: 100%;
border-left: 1px solid var(--el-border-color); border-left: 1px solid var(--el-border-color);
content: ''; content: '';
} }
@ -502,10 +502,10 @@ $prefix-cls: #{$namespace}-tags-view;
&--first { &--first {
&::before { &::before {
position: absolute; position: absolute;
top: 1px; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: calc(100% - 1px); height: 100%;
border-right: 1px solid var(--el-border-color); border-right: 1px solid var(--el-border-color);
border-left: none; border-left: none;
content: ''; content: '';
@ -515,7 +515,7 @@ $prefix-cls: #{$namespace}-tags-view;
&__item { &__item {
position: relative; position: relative;
top: 2px; top: 3px;
height: calc(100% - 6px); height: calc(100% - 6px);
padding-right: 15px; padding-right: 15px;
margin-left: 4px; margin-left: 4px;
@ -523,6 +523,7 @@ $prefix-cls: #{$namespace}-tags-view;
cursor: pointer; cursor: pointer;
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 2px; border-radius: 2px;
box-sizing: border-box;
&--close { &--close {
position: absolute; position: absolute;
@ -560,10 +561,11 @@ $prefix-cls: #{$namespace}-tags-view;
} }
&__item--immerse { &__item--immerse {
top: 3px; top: 2px;
height: calc(100% - 3px);
padding-right: 35px; padding-right: 35px;
margin: 0 -10px; 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") -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; 12 27 15;
.#{$prefix-cls}__item--label { .#{$prefix-cls}__item--label {