This is an automated email from the ASF dual-hosted git repository. marat pushed a commit to branch main in repository https://gitbox.apache.org/repos/asf/camel-karavan.git
commit d9b28064eed151af1c0ebb845b45520ffb6bfec5 Author: Marat Gubaidullin <[email protected]> AuthorDate: Wed Feb 21 17:21:36 2024 -0500 Style --- .../src/designer/property/property/DslPropertyField.css | 6 ++++++ .../src/designer/property/property/DslPropertyField.tsx | 7 ++++++- karavan-space/src/designer/property/property/DslPropertyField.css | 6 ++++++ karavan-space/src/designer/property/property/DslPropertyField.tsx | 7 ++++++- .../main/webui/src/designer/property/property/DslPropertyField.css | 6 ++++++ .../main/webui/src/designer/property/property/DslPropertyField.tsx | 7 ++++++- 6 files changed, 36 insertions(+), 3 deletions(-) diff --git a/karavan-designer/src/designer/property/property/DslPropertyField.css b/karavan-designer/src/designer/property/property/DslPropertyField.css index fa823ac1..0a0aae48 100644 --- a/karavan-designer/src/designer/property/property/DslPropertyField.css +++ b/karavan-designer/src/designer/property/property/DslPropertyField.css @@ -19,6 +19,12 @@ padding-right: 12px; } +.karavan .properties .route-variable .pf-v5-c-toggle-group__button:before, +.karavan .properties .route-variable .pf-v5-c-toggle-group__button { + border-start-end-radius: 0; + border-end-end-radius: 0; +} + .karavan .properties .infra-button { width: 1em; height: 1em; diff --git a/karavan-designer/src/designer/property/property/DslPropertyField.tsx b/karavan-designer/src/designer/property/property/DslPropertyField.tsx index a52cf266..7bc57ce9 100644 --- a/karavan-designer/src/designer/property/property/DslPropertyField.tsx +++ b/karavan-designer/src/designer/property/property/DslPropertyField.tsx @@ -272,6 +272,10 @@ export function DslPropertyField(props: Props) { function getVariableInput(property: PropertyMeta) { return <InputGroup> + {/*<InputGroupItem>*/} + {/* <Button variant={'control'}>{GLOBAL}</Button>*/} + {/* <Button variant={'control'}>{ROUTE}</Button>*/} + {/*</InputGroupItem>*/} <InputGroupItem> <ToggleGroup aria-label="Variable type"> <ToggleGroupItem text="global:" key='global' buttonId={"global-variable-"+ property.name} @@ -287,6 +291,7 @@ export function DslPropertyField(props: Props) { }} /> <ToggleGroupItem text="route:" key='route' buttonId={"route-variable"+ property.name} + className='route-variable' isSelected={variableType === ROUTE} onChange={(_, selected) => { if (selected) { @@ -302,7 +307,7 @@ export function DslPropertyField(props: Props) { </InputGroupItem> <InputGroupItem isFill> <TextInput ref={ref} - className="text-field" isRequired + className="text-field route-variable" isRequired type='text' id={property.name} name={property.name} value={textValue?.toString()} diff --git a/karavan-space/src/designer/property/property/DslPropertyField.css b/karavan-space/src/designer/property/property/DslPropertyField.css index fa823ac1..0a0aae48 100644 --- a/karavan-space/src/designer/property/property/DslPropertyField.css +++ b/karavan-space/src/designer/property/property/DslPropertyField.css @@ -19,6 +19,12 @@ padding-right: 12px; } +.karavan .properties .route-variable .pf-v5-c-toggle-group__button:before, +.karavan .properties .route-variable .pf-v5-c-toggle-group__button { + border-start-end-radius: 0; + border-end-end-radius: 0; +} + .karavan .properties .infra-button { width: 1em; height: 1em; diff --git a/karavan-space/src/designer/property/property/DslPropertyField.tsx b/karavan-space/src/designer/property/property/DslPropertyField.tsx index a52cf266..7bc57ce9 100644 --- a/karavan-space/src/designer/property/property/DslPropertyField.tsx +++ b/karavan-space/src/designer/property/property/DslPropertyField.tsx @@ -272,6 +272,10 @@ export function DslPropertyField(props: Props) { function getVariableInput(property: PropertyMeta) { return <InputGroup> + {/*<InputGroupItem>*/} + {/* <Button variant={'control'}>{GLOBAL}</Button>*/} + {/* <Button variant={'control'}>{ROUTE}</Button>*/} + {/*</InputGroupItem>*/} <InputGroupItem> <ToggleGroup aria-label="Variable type"> <ToggleGroupItem text="global:" key='global' buttonId={"global-variable-"+ property.name} @@ -287,6 +291,7 @@ export function DslPropertyField(props: Props) { }} /> <ToggleGroupItem text="route:" key='route' buttonId={"route-variable"+ property.name} + className='route-variable' isSelected={variableType === ROUTE} onChange={(_, selected) => { if (selected) { @@ -302,7 +307,7 @@ export function DslPropertyField(props: Props) { </InputGroupItem> <InputGroupItem isFill> <TextInput ref={ref} - className="text-field" isRequired + className="text-field route-variable" isRequired type='text' id={property.name} name={property.name} value={textValue?.toString()} diff --git a/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.css b/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.css index fa823ac1..0a0aae48 100644 --- a/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.css +++ b/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.css @@ -19,6 +19,12 @@ padding-right: 12px; } +.karavan .properties .route-variable .pf-v5-c-toggle-group__button:before, +.karavan .properties .route-variable .pf-v5-c-toggle-group__button { + border-start-end-radius: 0; + border-end-end-radius: 0; +} + .karavan .properties .infra-button { width: 1em; height: 1em; diff --git a/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx b/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx index a52cf266..7bc57ce9 100644 --- a/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx +++ b/karavan-web/karavan-app/src/main/webui/src/designer/property/property/DslPropertyField.tsx @@ -272,6 +272,10 @@ export function DslPropertyField(props: Props) { function getVariableInput(property: PropertyMeta) { return <InputGroup> + {/*<InputGroupItem>*/} + {/* <Button variant={'control'}>{GLOBAL}</Button>*/} + {/* <Button variant={'control'}>{ROUTE}</Button>*/} + {/*</InputGroupItem>*/} <InputGroupItem> <ToggleGroup aria-label="Variable type"> <ToggleGroupItem text="global:" key='global' buttonId={"global-variable-"+ property.name} @@ -287,6 +291,7 @@ export function DslPropertyField(props: Props) { }} /> <ToggleGroupItem text="route:" key='route' buttonId={"route-variable"+ property.name} + className='route-variable' isSelected={variableType === ROUTE} onChange={(_, selected) => { if (selected) { @@ -302,7 +307,7 @@ export function DslPropertyField(props: Props) { </InputGroupItem> <InputGroupItem isFill> <TextInput ref={ref} - className="text-field" isRequired + className="text-field route-variable" isRequired type='text' id={property.name} name={property.name} value={textValue?.toString()}
