Web: Files: VersionHistory: fix context menu

This commit is contained in:
Viktor Fomin 2022-05-04 16:31:52 +03:00
parent 1685d3fa97
commit c93834a779
2 changed files with 6 additions and 63 deletions

View File

@ -189,7 +189,7 @@ const StyledVersionRow = styled(Row)`
} }
.version_text { .version_text {
display: ${(props) => (props.canEdit ? "none" : "block")}; display: ${(props) => (props.showEditPanel ? "none" : "block")};
margin-left: -7px; margin-left: -7px;
margin-top: 5px; margin-top: 5px;
@ -200,37 +200,15 @@ const StyledVersionRow = styled(Row)`
} }
} }
.version_links-container {
display: flex;
margin-left: auto;
.version_link-action {
display: block;
margin-left: auto;
margin-top: 5px;
${(props) =>
props.isRestoring &&
css`
cursor: default;
`}
:last-child {
margin-left: 8px;
}
@media ${tablet} {
display: none;
}
}
}
.version-comment-wrapper { .version-comment-wrapper {
white-space: normal !important; white-space: normal !important;
} }
.row_context-menu-wrapper { .row_context-menu-wrapper {
display: none; display: block;
position: absolute;
right: 16px !important; right: 16px !important;
top: 6px;
.expandButton { .expandButton {
${(props) => ${(props) =>
@ -250,13 +228,6 @@ const StyledVersionRow = styled(Row)`
} }
} }
} }
@media ${tablet} {
display: block;
position: absolute;
right: 0px;
top: 6px;
}
} }
.row_content { .row_content {

View File

@ -148,14 +148,14 @@ const VersionRow = (props) => {
{title} {title}
</Link> </Link>
<Text {/*<Text
className="version_content-length" className="version_content-length"
fontWeight={600} fontWeight={600}
color={theme.filesVersionHistory.color} color={theme.filesVersionHistory.color}
fontSize="14px" fontSize="14px"
> >
{info.contentLength} {info.contentLength}
</Text> </Text>*/}
</Box> </Box>
<Box <Box
className="version-comment-wrapper" className="version-comment-wrapper"
@ -176,36 +176,8 @@ const VersionRow = (props) => {
</> </>
)} )}
<Link
type="action"
isHovered={!isEditing}
noHover={isEditing}
onClick={onEditComment}
className="version_link"
>
{info.comment}
</Link>
<Text className="version_text">{info.comment}</Text> <Text className="version_text">{info.comment}</Text>
</> </>
<div className="version_links-container">
{canEdit && (
<Link
onClick={onRestoreClick}
{...linkStyles}
className="version_link-action"
>
{t("Common:Restore")}
</Link>
)}
<Link
onClick={onDownloadAction}
{...linkStyles}
className="version_link-action"
>
{t("Common:Download")}
</Link>
</div>
</Box> </Box>
{showEditPanel && ( {showEditPanel && (
<Box className="version_edit-comment" marginProp="8px 0 2px 70px"> <Box className="version_edit-comment" marginProp="8px 0 2px 70px">