DeforaNetworks/corteza
3
0
Fork 0
Code Activity

Adjust page block header option button styles

Browse Source
This commit is contained in:
Jože Fortun
2023-02-17 17:59:28 +01:00
parent e4ef4b9991
commit 0488e50e8c
3 changed files with 34 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
client/web/compose/src/components/PageBlocks/Wrap/Card.vue
View File

@@ -24,27 +24,30 @@
<slot name="title-badge" />
</h5>
<div
<b-button-group
v-if="showOptions"
class="ml-auto"
>
<font-awesome-icon
<b-button
v-if="block.options.showRefresh"
:icon="['fa', 'sync']"
class="h6 text-secondary"
role="button"
:title="$t('general.label.refresh')"
variant="outline-light"
class="text-secondary d-print-none border-0"
@click="$emit('refreshBlock')"
/>
>
<font-awesome-icon :icon="['fa', 'sync']" />
</b-button>
<font-awesome-icon
<b-button
v-if="block.options.magnifyOption"
:icon="['fas', isBlockOpened ? 'times' : 'search-plus']"
:title="$t(isBlockOpened ? '' : 'general.label.magnify')"
class="h6 text-secondary ml-2"
role="button"
:title="$t('general.label.magnify')"
variant="outline-light"
class="text-secondary d-print-none border-0"
@click="$root.$emit('magnify-page-block', isBlockOpened ? undefined : block.blockID)"
/>
</div>
>
<font-awesome-icon :icon="['fas', isBlockOpened ? 'times' : 'search-plus']" />
</b-button>
</b-button-group>
</div>
<b-card-text

29
client/web/compose/src/components/PageBlocks/Wrap/Plain.vue
View File

@@ -22,27 +22,30 @@
<slot name="title-badge" />
</h5>
<div
<b-button-group
v-if="showOptions"
class="ml-auto"
>
<font-awesome-icon
<b-button
v-if="block.options.showRefresh"
:icon="['fa', 'sync']"
class="h6 text-secondary"
role="button"
:title="$t('general.label.refresh')"
variant="outline-light"
class="d-print-none border-0"
@click="$emit('refreshBlock')"
/>
>
<font-awesome-icon :icon="['fa', 'sync']" />
</b-button>
<font-awesome-icon
<b-button
v-if="block.options.magnifyOption"
:icon="['fas', isBlockOpened ? 'times' : 'search-plus']"
:title="$t(isBlockOpened ? '' : 'general.label.magnify')"
class="h6 text-secondary ml-2"
role="button"
:title="$t('general.label.magnify')"
variant="outline-light"
class="d-print-none border-0"
@click="$root.$emit('magnify-page-block', isBlockOpened ? undefined : block.blockID)"
/>
</div>
>
<font-awesome-icon :icon="['fas', isBlockOpened ? 'times' : 'search-plus']" />
</b-button>
</b-button-group>
</div>
<b-card-text

3
locale/en/corteza-webapp-compose/block.yaml
View File

@@ -140,7 +140,8 @@ general:
remove: Remove
save: Save
search: Search
magnify: Magnify Block
refresh: Refresh block
magnify: Magnify block
and: And
module: Module
style: