Commit 28f3a04c authored by dindigala's avatar dindigala
Browse files

feat: refactored sytles of toggle bar.

parent 11340b45
Pipeline #147662 passed with stages
in 2 minutes and 37 seconds
......@@ -8,7 +8,7 @@
<slot />
</q-btn-dropdown>
<div class="without-dropdown" v-else>
<div class="q-mb-md without-dropdown" v-else>
<slot />
</div>
</section>
......
<template>
<div>
<ToggleFilter>
<q-list>
<q-item v-for="(name, idx) in togglekeys" :key="idx"
<q-list class="toggle-list">
<q-item v-for="(name, idx) in togglekeys"
clickable
v-close-popup
:aria-selected="toggleAria(idx)"
:key="idx"
:title="toggleTitle(idx)"
@click="toggleIcon(idx); updateStatus(idx)"
>
<q-icon class="q-pr-xs" size="xs" :name="toggleIcon(idx)" />
{{ panelstates[name].name | capitalize }}
</q-item>
<q-item
class="bg-grey-4"
clickable
title="Reset panels to default view"
v-close-popup
@click="resetPanelStatus"
>
<q-icon class="q-pr-xs" size="xs" :name="fasUndo" />
{{ 'Reset Panels' | capitalize }}
</q-item>
</q-list>
</ToggleFilter>
<q-btn
class="q-mb-md"
dense
flat
no-caps
title="Reset panels to default view"
@click="resetPanelStatus"
>
<q-icon class="q-pr-xs" size="xs" :name="fasUndo" />
{{ 'Reset Panels' | capitalize }}
</q-btn>
</div>
</template>
......@@ -137,4 +137,7 @@ export default {
margin-right: 8px
button:last-of-type
margin-right: 0
.toggle-list
> *
align-items: center
</style>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment