Change modal cancel variant

cortezaproject · May 14, 2024 · 85ce307 · 85ce307
1 parent bf68606
commit 85ce307
Show file tree

Hide file tree

Showing 15 changed files with 26 additions and 18 deletions.
diff --git a/client/web/admin/src/components/Apigw/CFilterModal.vue b/client/web/admin/src/components/Apigw/CFilterModal.vue
@@ -6,7 +6,7 @@
       :title="(filter || {}).label"
       :ok-title="$t('filters.modal.ok')"
       body-class="p-0"
-      cancel-variant="link"
+      cancel-variant="light"
       @ok="onSave"
       @hidden="onHidden"
     >

diff --git a/client/web/admin/src/components/Permissions/CPermissionClone.vue b/client/web/admin/src/components/Permissions/CPermissionClone.vue
@@ -15,7 +15,7 @@
       v-model="showModal"
       data-test-id="modal-clone-permission"
       ok-variant="primary"
-      cancel-variant="link"
+      cancel-variant="light"
       centered
       :title="$t('ui.clone.title')"
       :ok-title="$t('ui.clone.clone')"

diff --git a/client/web/admin/src/components/Settings/UI/CUIBrandingEditor.vue b/client/web/admin/src/components/Settings/UI/CUIBrandingEditor.vue
@@ -150,7 +150,7 @@
       id="custom-css-editor"
       v-model="customCSSModal.show"
       :title="$t('custom-css')"
-      cancel-variant="link"
+      cancel-variant="light"
       size="lg"
       :ok-title="$t('general:label.saveAndClose')"
       :cancel-title="$t('general:label.cancel')"

diff --git a/client/web/compose/src/components/Admin/Module/DalSchemaAlterations.vue b/client/web/compose/src/components/Admin/Module/DalSchemaAlterations.vue
@@ -133,9 +133,9 @@
 
     <template #modal-footer>
       <b-button
-        variant="outline-light"
         :disabled="processing"
         class="text-primary border-0"
+        variant="light"
         @click="showModal = false"
       >
         {{ canResolveAlterations ? $t('general:label.cancel') : $t('general:label.close') }}

diff --git a/client/web/compose/src/components/Admin/Module/Records/ColumnPicker.vue b/client/web/compose/src/components/Admin/Module/Records/ColumnPicker.vue
@@ -18,7 +18,7 @@
       size="lg"
       scrollable
       :ok-title="$t('general.label.saveAndClose')"
-      cancel-variant="link"
+      cancel-variant="light"
       title-class="d-flex align-items-center p-0"
       @ok="onSave"
     >

diff --git a/client/web/compose/src/components/Public/Record/BulkEdit/index.vue b/client/web/compose/src/components/Public/Record/BulkEdit/index.vue
@@ -75,15 +75,15 @@
             {{ $t('recordList.bulkRecord.reset') }}
           </b-button>
 
-          <div>
+          <div class="d-flex gap-1">
             <b-button
-              variant="link"
+              variant="light"
               rounded
-              class="text-primary"
               @click="onModalHide"
             >
               {{ $t('general.label.cancel') }}
             </b-button>
+
             <b-button
               variant="primary"
               :disabled="!fields.length || processing"

diff --git a/client/web/compose/src/components/Translator/CTranslatorModal.vue b/client/web/compose/src/components/Translator/CTranslatorModal.vue
@@ -20,6 +20,7 @@
         :highlight-key="highlightKey"
         @change="changes=$event"
       />
+
       <template #modal-footer>
         <b-button
           data-test-id="button-submit"

diff --git a/client/web/compose/src/views/Admin/Charts/Edit.vue b/client/web/compose/src/views/Admin/Charts/Edit.vue
@@ -327,7 +327,7 @@
       :ok-title="$t('general:label.saveAndClose')"
       centered
       size="md"
-      cancel-variant="link"
+      cancel-variant="light"
       no-fade
     >
       <b-form-group
@@ -393,7 +393,7 @@
         />
 
         <b-button
-          variant="link"
+          variant="light"
           class="ml-auto"
           :disabled="colorSchemeModal.processing"
           @click="closeColorSchemeModal"
@@ -977,6 +977,7 @@ export default {
   },
 }
 </script>
+
 <style lang="scss">
 
 .chart-preview {

diff --git a/client/web/compose/src/views/Admin/Pages/Builder.vue b/client/web/compose/src/views/Admin/Pages/Builder.vue
@@ -187,7 +187,7 @@
       scrollable
       :ok-title="$t('build.addBlock')"
       ok-variant="primary"
-      cancel-variant="link"
+      cancel-variant="light"
       :cancel-title="$t('block.general.label.cancel')"
       size="xl"
       :visible="showCreator"
@@ -267,8 +267,8 @@
 
         <div>
           <b-button
-            variant="link"
-            class="text-decoration-none"
+            variant="light"
+            class="mr-2"
             @click="cancel()"
           >
             {{ $t('label.cancel') }}

diff --git a/client/web/compose/src/views/Admin/Pages/Edit.vue b/client/web/compose/src/views/Admin/Pages/Edit.vue
@@ -373,7 +373,7 @@
       :ok-title="$t('general:label.saveAndClose')"
       ok-variant="primary"
       :ok-disabled="!layoutEditor.layout.meta.title"
-      cancel-variant="link"
+      cancel-variant="light"
       size="xl"
       scrollable
       no-fade
@@ -759,12 +759,12 @@
 
         <div class="ml-auto">
           <b-button
-            variant="link"
-            class="text-primary"
+            variant="light"
             @click="closeIconModal"
           >
             {{ $t('general:label.cancel') }}
           </b-button>
+
           <b-button
             variant="primary"
             class="ml-2"
@@ -774,6 +774,7 @@
           </b-button>
         </div>
       </template>
+
       <b-form-group
         :label="$t('icon.upload')"
         label-class="text-primary"

diff --git a/client/web/reporter/src/views/Report/Builder.vue b/client/web/reporter/src/views/Report/Builder.vue
@@ -148,7 +148,7 @@
       :title="$t('builder:block.configuration')"
       :ok-title="$t('builder:save-button')"
       ok-variant="primary"
-      cancel-variant="link"
+      cancel-variant="light"
       scrollable
       size="xl"
       body-class="p-0 border-top-0"
@@ -236,7 +236,7 @@
     <b-modal
       v-model="datasources.showConfigurator"
       :title="$t('builder:datasources.label')"
-      cancel-variant="link"
+      cancel-variant="light"
       :cancel-disabled="datasources.processing"
       scrollable
       size="xl"
@@ -321,6 +321,7 @@
       scrollable
       :ok-title="$t('builder:scenarios.save')"
       ok-variant="primary"
+      cancel-variant="light"
       :title="$t('builder:scenarios.label')"
       body-class="py-3"
       no-fade

diff --git a/client/web/workflow/src/components/Configurator/Error.vue b/client/web/workflow/src/components/Configurator/Error.vue
@@ -41,6 +41,7 @@
       size="lg"
       :ok-title="$t('general:save')"
       :cancel-title="$t('general:cancel')"
+      cancel-variant="light"
       body-class="p-0"
       no-fade
       @ok="saveExpression"

diff --git a/client/web/workflow/src/components/Configurator/Expressions.vue b/client/web/workflow/src/components/Configurator/Expressions.vue
@@ -56,6 +56,7 @@
       size="lg"
       :ok-title="$t('general:save')"
       :cancel-title="$t('general:cancel')"
+      cancel-variant="light"
       body-class="p-0"
       no-fade
       @ok="saveExpression"

diff --git a/client/web/workflow/src/components/Configurator/Function.vue b/client/web/workflow/src/components/Configurator/Function.vue
@@ -303,6 +303,7 @@
       size="lg"
       :ok-title="$t('general:save')"
       :cancel-title="$t('general:cancel')"
+      cancel-variant="light"
       body-class="p-0"
       no-fade
       @ok="saveExpression"

diff --git a/client/web/workflow/src/components/WorkflowEditor.vue b/client/web/workflow/src/components/WorkflowEditor.vue
@@ -421,6 +421,7 @@
       :ok-title="`${dryRun.lookup ? $t('editor:load-and-configure') : $t('editor:run-workflow')}`"
       :cancel-title="$t('editor:back')"
       ok-variant="success"
+      cancel-variant="light"
       no-fade
       @cancel.prevent="dryRun.lookup = true"
       @ok="dryRunOk"