Merge pull request #231 from h3poteto/iss-224

closes #224 Add menu in account profile to open account in browser
This commit is contained in:
AkiraFukushima 2018-04-15 20:03:55 +09:00 committed by GitHub
commit 41dbd3dc50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 42 additions and 0 deletions

View File

@ -21,6 +21,21 @@
</div>
</div>
<div class="clearfix"></div>
<div class="more">
<popper trigger="click" :options="{placement: 'bottom'}">
<div class="popper">
<ul class="menu-list">
<li role="button" @click="openBrowser(account)">
Open in Browser
</li>
</ul>
</div>
<el-button slot="reference" type="text">
<icon name="ellipsis-h"></icon>
</el-button>
</popper>
</div>
</div>
<div class="icon">
<img :src="account.avatar" />
@ -134,6 +149,9 @@ export default {
},
changeTab (index) {
this.activeTab = index
},
openBrowser (account) {
shell.openExternal(account.url)
}
}
}
@ -194,6 +212,30 @@ function findLink (target) {
cursor: pointer;
}
}
.more {
float: right;
.menu-list {
padding: 0;
font-size: 0.8em;
list-style-type: none;
line-height: 20px;
text-align: left;
color: #303133;
li {
box-sizing: border-box;
padding-left: 0.5em;
padding-bottom: 0.5em;
&:hover {
background-color: #f2f6fc;
cursor: pointer;
}
}
}
}
}
.icon {