Skip to content

Commit

Permalink
fix: add control group wrapper max width to 750px (#966)
Browse files Browse the repository at this point in the history
fixing issue of too small width of component group

![image
(1)](https://github.com/splunk/addonfactory-ucc-generator/assets/143183665/1f4210d3-b20c-4114-a698-d14d4f519d35)

setting control group max width to 100%, so component can be as long as
parent element, along with limiting help message width to 320px
(standard width of component)

![Screenshot 2023-12-05 at 18 00
02](https://github.com/splunk/addonfactory-ucc-generator/assets/143183665/d6acaa41-f6cc-4920-9b87-44913ab8c39b)
  • Loading branch information
soleksy-splunk authored Dec 6, 2023
1 parent 0d763b0 commit 0213c45
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions ui/src/components/ControlWrapper.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,17 @@ const CustomElement = styled.div``;
const ControlGroupWrapper = styled(ControlGroup).attrs((props: { dataName: string }) => ({
'data-name': props.dataName,
}))`
max-width: 100%;
span[class*='ControlGroupStyles__StyledAsterisk-'] {
color: red;
}
> * {
&:nth-child(3) {
width: 320px;
}
}
`;

interface ControlWrapperProps {
Expand Down

0 comments on commit 0213c45

Please sign in to comment.