1
0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-10 20:39:48 +08:00

scroll in context menu (#785)

This commit is contained in:
Elsio Sanchez 2021-04-27 08:51:36 -04:00 committed by GitHub
parent 78c4dfaeaa
commit dd93bf81ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -127,6 +127,7 @@
{{ $t('components.contextMenuRelations') }}<i class="el-icon-arrow-down el-icon--right" /> {{ $t('components.contextMenuRelations') }}<i class="el-icon-arrow-down el-icon--right" />
</el-button> </el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-scrollbar wrap-class="scroll-child">
<el-dropdown-item <el-dropdown-item
v-for="(relation, index) in relationsList" v-for="(relation, index) in relationsList"
:key="index" :key="index"
@ -151,6 +152,7 @@
</div> </div>
</div> </div>
</el-dropdown-item> </el-dropdown-item>
</el-scrollbar>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-dropdown size="mini" @command="clickReferences"> <el-dropdown size="mini" @command="clickReferences">
@ -158,6 +160,7 @@
{{ $t('components.contextMenuReferences') }}<i class="el-icon-arrow-down el-icon--right" /> {{ $t('components.contextMenuReferences') }}<i class="el-icon-arrow-down el-icon--right" />
</el-button> </el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-scrollbar wrap-class="scroll-child">
<el-dropdown-item <el-dropdown-item
v-for="(reference, index) in references.referencesList" v-for="(reference, index) in references.referencesList"
:key="index" :key="index"
@ -179,6 +182,7 @@
</div> </div>
</div> </div>
</el-dropdown-item> </el-dropdown-item>
</el-scrollbar>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>
@ -365,7 +369,7 @@ export default {
left: 0; left: 0;
z-index: 10; z-index: 10;
padding: 10px 0; padding: 10px 0;
margin: 5px 0; margin: 0px 0;
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #e6ebf5; border: 1px solid #e6ebf5;
border-radius: 4px; border-radius: 4px;
@ -373,7 +377,7 @@ export default {
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
max-height: 300px; max-height: 300px;
max-width: 220px; max-width: 220px;
overflow: auto; overflow: hidden;
} }
.el-dropdown-menu--mini .el-dropdown-menu__item { .el-dropdown-menu--mini .el-dropdown-menu__item {
line-height: 14px; line-height: 14px;