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:
parent
78c4dfaeaa
commit
dd93bf81ba
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user