1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 06:28:42 +01:00

Cleans up pin icons in favor of columns

This commit is contained in:
Amir Raminfar
2021-03-29 20:09:15 -07:00
parent c3361be731
commit 20a72c2538
2 changed files with 34 additions and 18 deletions

View File

@@ -14,13 +14,15 @@
<template slot-scope="props">
<div class="media">
<div class="media-left">
<span :class="props.option.state"><icon name="crate"></icon></span>
<span class="icon is-small" :class="props.option.state"><icon name="crate"></icon></span>
</div>
<div class="media-content">
{{ props.option.name }}
</div>
<div class="media-right">
<span class="column-icon" @click.stop.prevent="addColumn(props.option)"><icon name="column"></icon></span>
<span class="icon is-small column-icon" @click.stop.prevent="addColumn(props.option)" title="Pin as column">
<icon name="column"></icon>
</span>
</div>
</div>
</template>
@@ -122,5 +124,12 @@ export default {
::v-deep a.dropdown-item {
padding-right: 1em;
.media-right {
visibility: hidden;
}
i &:hover .media-right {
visibility: visible;
}
}
</style>