Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix: add ellipsis to table search input when blur (#11020)

Browse Source
This commit is contained in:
Vicky Bansal 2022-02-16 00:16:21 +05:30 committed by GitHub
parent a659cba4ea
commit e77ab8b06c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/client/src/components/designSystems/appsmith/SearchComponent.tsx
View File

@ -53,11 +53,16 @@ const SearchInputWrapper = styled(InputGroup)`
box-shadow: none;
font-size: 12px;
color: ${Colors.GREY_10};
padding-right: 20px;
text-overflow: ellipsis;
width: 100%;
}
input:focus {
border: 1.2px solid ${Colors.FERN_GREEN};
box-sizing: border-box;
width: 100%;
}
input:active {
box-shadow: 0px 0px 0px 3px ${Colors.JAGGED_ICE};
}