diff --git a/packages/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue b/packages/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue index 4382bd18e5..b5ae6130ca 100644 --- a/packages/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue +++ b/packages/editor-ui/src/components/ParameterInputOverrides/FromAiOverrideField.vue @@ -15,13 +15,12 @@ const emit = defineEmits<{
-
- {{ - i18n.baseText('parameterOverride.overridePanelText') - }} - {{ - i18n.baseText('parameterOverride.overridePanelTextModel') - }} +
+
input { - padding-left: 0; - // We need this in light mode - background-color: var(--color-foreground-base) !important; - border: none; - } + overflow: hidden; + text-overflow: ellipsis; } .overrideCloseButton { padding: 0px 8px 3px; // the icon used is off-center vertically border: 0px; color: var(--color-text-base); + margin-left: auto; --button-hover-background-color: transparent; --button-active-background-color: transparent; } .contentOverrideContainer { display: flex; + white-space: nowrap; + width: 100%; gap: var(--spacing-4xs); border-radius: var(--border-radius-base); background-color: var(--color-foreground-base); diff --git a/packages/editor-ui/src/components/ResourceLocator/resourceLocator.scss b/packages/editor-ui/src/components/ResourceLocator/resourceLocator.scss index 7413f59eb5..9eabb26bb4 100644 --- a/packages/editor-ui/src/components/ResourceLocator/resourceLocator.scss +++ b/packages/editor-ui/src/components/ResourceLocator/resourceLocator.scss @@ -4,7 +4,7 @@ $--mode-selector-width: 92px; --input-background-color: initial; --input-font-color: initial; --input-border-color: initial; - flex-basis: $--mode-selector-width; + width: $--mode-selector-width; input { border-radius: var(--border-radius-base) 0 0 var(--border-radius-base); @@ -48,7 +48,7 @@ $--mode-selector-width: 92px; .resourceLocator { display: inline-flex; - flex-wrap: wrap; + flex-wrap: nowrap; width: 100%; position: relative; @@ -91,7 +91,7 @@ $--mode-selector-width: 92px; .inputContainer { display: flex; align-items: center; - flex-basis: calc(100% - $--mode-selector-width); + width: calc(100% - $--mode-selector-width); flex-grow: 1; } diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json index 6ae2334fcd..27c0d32682 100644 --- a/packages/editor-ui/src/plugins/i18n/locales/en.json +++ b/packages/editor-ui/src/plugins/i18n/locales/en.json @@ -1450,8 +1450,7 @@ "parameterInputList.parameterOptions": "Parameter Options", "parameterInputList.loadingFields": "Loading fields...", "parameterInputList.loadingError": "Error loading fields. Refresh you page and try again.", - "parameterOverride.overridePanelText": "Defined automatically by the ", - "parameterOverride.overridePanelTextModel": "model", + "parameterOverride.overridePanelText": "Defined automatically by the model", "parameterOverride.applyOverrideButtonTooltip": "Let the model define this parameter", "parameterOverride.descriptionTooltip": "Explain to the LLM how it should generate this value, a good, specific description would allow LLMs to produce expected results much more often", "personalizationModal.businessOwner": "Business Owner",