beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

ellipse export folder path

Browse source
This commit is contained in:
Abhinav-grd 2021-07-18 21:50:47 +05:30
parent a372c50483
commit 67d5989d62
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/ExportModal.tsx
View file

@ -26,7 +26,18 @@ const FolderIconWrapper = styled.div`
&:hover{
background-color:#444;
}
`;
`;
const ExportFolderPathContainer =styled.span`
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
/* Beginning of string */
direction: rtl;
text-align: left;
`;
interface Props {
show: boolean
@ -267,9 +278,11 @@ export default function ExportModal(props: Props) {
{!exportFolder ?
(<Button variant={'outline-success'} size={'sm'} onClick={selectExportDirectory}>{constants.SELECT_FOLDER}</Button>) :
(<>
<span style={{ overflow: 'hidden', direction: 'rtl', height: '1.5rem', width: '90%', whiteSpace: 'nowrap' }}>
{/* <span style={{ overflow: 'hidden', direction: 'rtl', height: '1.5rem', width: '90%', whiteSpace: 'nowrap' }}> */}
<ExportFolderPathContainer>
{exportFolder}
</span>
</ExportFolderPathContainer>
{/* </span> */}
{(exportStage === ExportStage.FINISHED || exportStage === ExportStage.INIT) && (
<FolderIconWrapper onClick={selectExportDirectory} >
<FolderIcon />