diff --git a/manifest.config.js b/manifest.config.js index 61cbb5c9..5f639fa0 100644 --- a/manifest.config.js +++ b/manifest.config.js @@ -6,8 +6,8 @@ const getManifestSettings = (env) => { short_name: 'CaretTab', name: env.mode === 'beta' ? 'CaretTab BETA' : '__MSG_appName__', description: env.mode === 'beta' ? 'Beta version of the New Tab extension, CaretTab' : '__MSG_appDesc__', - version: `4.4.0`, - version_name: `4.4.0`, + version: `4.5.0`, + version_name: `4.5.0`, default_locale: 'en', icons: { 16: 'img/icon16.png', diff --git a/public/img/blueprints/futuristicMinimalDash.png b/public/img/blueprints/futuristicMinimalDash.png new file mode 100644 index 00000000..c4b97e5d Binary files /dev/null and b/public/img/blueprints/futuristicMinimalDash.png differ diff --git a/src/assets/_elements.scss b/src/assets/_elements.scss index eedef051..ddb08af6 100644 --- a/src/assets/_elements.scss +++ b/src/assets/_elements.scss @@ -95,6 +95,12 @@ a.link { border: 0; } +.btnSmall { + padding: var(--s1) var(--s3); + font-size: 1.4rem; + min-height: 2.2rem; +} + .btnLink { min-height: auto; font-size: inherit; diff --git a/src/components/forms/NumberField.vue b/src/components/forms/NumberField.vue index eaf9a7be..021238f1 100644 --- a/src/components/forms/NumberField.vue +++ b/src/components/forms/NumberField.vue @@ -9,6 +9,8 @@ const props = defineProps({ tagId: String, placeholder: String, disabled: Boolean, + upButtonOnly: { type: Boolean, default: false }, + downButtonOnly: { type: Boolean, default: false }, }) const emit = defineEmits(['update:modelValue']) const delay = ref(null) @@ -40,6 +42,7 @@ function handleArrowUpdate(up) { } function handleArrowStart(up) { + if (props.disabled) return handleArrowUpdate(up) isHold.value = true delay.value = setTimeout(() => { @@ -54,6 +57,7 @@ function handleArrowStart(up) { } function handleArrowDone() { + if (props.disabled) return isHold.value = false if (delay.value) clearTimeout(delay.value) if (timer.value) clearInterval(timer.value) @@ -61,45 +65,81 @@ function handleArrowDone() { diff --git a/src/components/forms/WidgetBoxField.vue b/src/components/forms/WidgetBoxField.vue index e75f6f19..9ed401ac 100644 --- a/src/components/forms/WidgetBoxField.vue +++ b/src/components/forms/WidgetBoxField.vue @@ -18,6 +18,7 @@ const store = useSettingsStore() const refreshDisplay = ref(false) const editGlobalModal = ref(false) const copyGlobalModal = ref(false) +const positionHelpModal = ref(false) const widget = computed({ get: () => { if (props.widgetStore === 'global') { @@ -52,7 +53,54 @@ const handleGlobalCopy = () => {