blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-08-10 20:39:48 +08:00
Code Issues Releases Wiki Activity

scroll in context menu (#785)

Browse Source
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
1 changed files with 49 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
src/components/ADempiere/ContextMenu/contextMenuDesktop.vue
View File

@ -127,30 +127,32 @@
{{ $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-dropdown-item <el-scrollbar wrap-class="scroll-child">
v-for="(relation, index) in relationsList" <el-dropdown-item
:key="index" v-for="(relation, index) in relationsList"
:command="relation" :key="index"
:divided="true" :command="relation"
> :divided="true"
<div class="contents"> >
<div style="margin-right: 5%;margin-top: 10%;"> <div class="contents">
<svg-icon :icon-class="relation.meta.icon" /> <div style="margin-right: 5%;margin-top: 10%;">
<svg-icon :icon-class="relation.meta.icon" />
</div>
<div>
<span class="contents">
<b class="label">
{{ relation.meta.title }}
</b>
</span>
<p
class="description"
>
{{ relation.meta.description }}
</p>
</div>
</div> </div>
<div> </el-dropdown-item>
<span class="contents"> </el-scrollbar>
<b class="label">
{{ relation.meta.title }}
</b>
</span>
<p
class="description"
>
{{ relation.meta.description }}
</p>
</div>
</div>
</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<el-dropdown size="mini" @command="clickReferences"> <el-dropdown size="mini" @command="clickReferences">
@ -158,27 +160,29 @@
{{ $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-dropdown-item <el-scrollbar wrap-class="scroll-child">
v-for="(reference, index) in references.referencesList" <el-dropdown-item
:key="index" v-for="(reference, index) in references.referencesList"
:command="reference" :key="index"
:divided="true" :command="reference"
> :divided="true"
<div class="contents"> >
<div> <div class="contents">
<span class="contents"> <div>
<b class="label"> <span class="contents">
{{ reference.displayName }} <b class="label">
</b> {{ reference.displayName }}
</span> </b>
<p </span>
class="description" <p
> class="description"
{{ $t('data.noDescription') }} >
</p> {{ $t('data.noDescription') }}
</p>
</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;