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 {
display: ${(props) => (props.canEdit ? "none" : "block")};
display: ${(props) => (props.showEditPanel ? "none" : "block")};
margin-left: -7px;
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 {
white-space: normal !important;
}
.row_context-menu-wrapper {
display: none;
display: block;
position: absolute;
right: 16px !important;
top: 6px;
.expandButton {
${(props) =>
@ -250,13 +228,6 @@ const StyledVersionRow = styled(Row)`
}
}
}
@media ${tablet} {
display: block;
position: absolute;
right: 0px;
top: 6px;
}
}
.row_content {

View File

@ -148,14 +148,14 @@ const VersionRow = (props) => {
{title}
</Link>
<Text
{/*<Text
className="version_content-length"
fontWeight={600}
color={theme.filesVersionHistory.color}
fontSize="14px"
>
{info.contentLength}
</Text>
</Text>*/}
</Box>
<Box
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>
</>
<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>
{showEditPanel && (
<Box className="version_edit-comment" marginProp="8px 0 2px 70px">