DeforaNetworks/corteza
DeforaNetworks/corteza
3
0
Fork 0
Code

Fix inline actions for record blocks on hover interaction

Browse Source
This commit is contained in:
Jože Fortun 2024-11-25 11:39:03 +01:00
parent 36878c9dbb
commit ac06c00805
8 changed files with 71 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/web/compose/src/components/Admin/Module/UniqueValues.vue
View File

@ -77,13 +77,22 @@
<th scope="col">
{{ $t("type") }}
</th>
<th scope="col" style="width: 250px;">
<th
scope="col"
style="width: 250px;"
>
{{ $t("valueModifiers") }}
</th>
<th scope="col" style="width: 250px;">
<th
scope="col"
style="width: 250px;"
>
{{ $t("multiValues") }}
</th>
<th scope="col" style="width: 150px;" />
<th
scope="col"
style="width: 150px;"
/>
</tr>
</thead>

25
client/web/compose/src/components/PageBlocks/Navigation/Configurator.vue
View File

@ -97,17 +97,29 @@
>
<thead class="text-primary">
<tr>
<th scope="col" style="width: auto;" />
<th
scope="col"
style="width: auto;"
/>
<th scope="col" style="min-width: 200px;">
<th
scope="col"
style="min-width: 200px;"
>
{{ $t("navigation.type") }}
</th>
<th scope="col" style="min-width: 200px;">
<th
scope="col"
style="min-width: 200px;"
>
{{ $t("navigation.color") }}
</th>
<th scope="col" style="min-width: 200px;">
<th
scope="col"
style="min-width: 200px;"
>
{{ $t("navigation.background") }}
</th>
@ -119,7 +131,10 @@
{{ $t("navigation.enabled") }}
</th>
<th scope="col" style="width: auto; min-width: 100px;" />
<th
scope="col"
style="width: auto; min-width: 100px;"
/>
</tr>
</thead>

15
client/web/compose/src/components/PageBlocks/Navigation/NavTypes/Dropdown.vue
View File

@ -43,13 +43,22 @@
>
<thead>
<tr class="text-primary">
<th scope="col" style="min-width: 200px;">
<th
scope="col"
style="min-width: 200px;"
>
{{ $t("navigation.text") }}
</th>
<th scope="col" style="min-width: 200px;">
<th
scope="col"
style="min-width: 200px;"
>
{{ $t("navigation.url") }}
</th>
<th scope="col" style="min-width: 200px;">
<th
scope="col"
style="min-width: 200px;"
>
{{ $t('navigation.openIn') }}
</th>
<th

4
client/web/compose/src/components/PageBlocks/RecordBase.vue
View File

@ -25,7 +25,7 @@
:label-cols-xl="options.horizontalFieldLayoutEnabled && '5'"
:content-cols-md="options.horizontalFieldLayoutEnabled && '6'"
:content-cols-xl="options.horizontalFieldLayoutEnabled && '7'"
:class="columnWrapClass"
:class="`field-container ${columnWrapClass}`"
:style="fieldWidth"
>
<template #label>
@ -167,7 +167,7 @@ export default {
fieldLayoutClass () {
const classes = {
default: 'd-flex flex-column',
default: 'd-flex flex-column gap-2',
noWrap: 'd-flex gap-2',
wrap: 'row no-gutters',
}

2
client/web/compose/src/components/PageBlocks/RecordEditor.vue
View File

@ -21,7 +21,7 @@
<div
v-if="canDisplay(field)"
:key="field.id"
:class="columnWrapClass"
:class="`field-container ${columnWrapClass}`"
:style="fieldWidth"
>
<field-editor

5
client/web/compose/src/components/PageBlocks/TabsConfigurator.vue
View File

@ -124,7 +124,10 @@
<tr>
<th scope="col" />
<th class="d-flex align-items-center text-primary" scope="col">
<th
class="d-flex align-items-center text-primary"
scope="col"
>
{{ $t('tabs.table.columns.title.label') }}
<c-hint
:tooltip="$t('interpolationFootnote', ['${record.values.fieldName}', '${recordID}', '${ownerID}', '${userID}'])"

15
client/web/compose/src/views/Admin/Modules/Edit.vue
View File

@ -257,18 +257,27 @@
</div>
</th>
<th class="text-primary" scope="col">
<th
class="text-primary"
scope="col"
>
{{ $t('general:label.type') }}
</th>
<th scope="col" />
<th scope="col" />
<th class="text-primary text-center pr-3" scope="col">
<th
class="text-primary text-center pr-3"
scope="col"
>
{{ $t('general:label.required') }}
</th>
<th class="text-primary text-center pl-2" scope="col">
<th
class="text-primary text-center pl-2"
scope="col"
>
{{ $t('general:label.multi') }}
</th>

10
client/web/compose/src/views/Admin/Pages/Edit.vue
View File

@ -258,7 +258,10 @@
>
<b-thead>
<tr>
<th scope="col" style="width: 40px;" />
<th
scope="col"
style="width: 40px;"
/>
<th
class="text-primary"
scope="col"
@ -273,7 +276,10 @@
>
{{ $t('page-layout.handle') }}
</th>
<th scope="col" style="min-width: 100px;" />
<th
scope="col"
style="min-width: 100px;"
/>
</tr>
</b-thead>