IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'release/v2.0.0' of github.com:ONLYOFFICE/DocSpace-client into release/v2.0.0

Browse Source
This commit is contained in:
Nikita Gopienko 2023-10-25 14:24:17 +03:00
commit 6c08c39eec
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
packages/client/src/pages/Home/InfoPanel/Body/styles/history.js
View File

@ -9,7 +9,7 @@ const StyledHistoryList = styled.div`
const StyledHistorySubtitle = styled.div`
position: sticky;
background: ${props => props.theme.infoPanel.backgroundColor};
background: ${(props) => props.theme.infoPanel.backgroundColor};
top: 80px;
z-index: 100;
@ -17,7 +17,7 @@ const StyledHistorySubtitle = styled.div`
font-weight: 600;
font-size: 13px;
line-height: 20px;
color: ${props => props.theme.infoPanel.history.subtitleColor};
color: ${(props) => props.theme.infoPanel.history.subtitleColor};
`;
const StyledUserNameLink = styled.span`
@ -63,7 +63,7 @@ const StyledHistoryBlock = styled.div`
.info {
width: calc(100% - 40px);
max-width: calc(100% - 40px);
display: ${props => `solid 1px ${props.theme.infoPanel.borderColor}`};
display: ${(props) => `solid 1px ${props.theme.infoPanel.borderColor}`};
flex-direction: column;
gap: 2px;
@ -81,7 +81,7 @@ const StyledHistoryBlock = styled.div`
.date {
white-space: nowrap;
display: inline-block;
${props =>
${(props) =>
props.theme.interfaceDirection === "rtl"
? css`
margin-right: auto;
@ -91,12 +91,12 @@ const StyledHistoryBlock = styled.div`
`}
font-weight: 600;
font-size: 12px;
color: ${props => props.theme.infoPanel.history.dateColor};
color: ${(props) => props.theme.infoPanel.history.dateColor};
}
}
}
${props =>
${(props) =>
props.isUserAction &&
css`
.info {
@ -104,7 +104,7 @@ const StyledHistoryBlock = styled.div`
flex-wrap: wrap;
.message {
display: inline-block;
${props =>
${(props) =>
props.theme.interfaceDirection === "rtl"
? css`
margin-left: 4px;
@ -125,21 +125,25 @@ const StyledHistoryBlockMessage = styled.div`
display: flex;
gap: 4px;
.main-message {
width: max-content;
max-width: 100%;
min-width: max-content;
}
strong {
max-width: 100%;
display: inline-block;
vertical-align: top;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.main-message {
width: max-content;
white-space: nowrap;
}
.folder-label {
max-width: 100%;
color: ${props => props.theme.infoPanel.history.locationIconColor};
color: ${(props) => props.theme.infoPanel.history.locationIconColor};
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
@ -151,12 +155,12 @@ const StyledHistoryBlockFilesList = styled.div`
display: flex;
flex-direction: column;
padding: 8px 0;
background: ${props => props.theme.infoPanel.history.fileBlockBg};
background: ${(props) => props.theme.infoPanel.history.fileBlockBg};
border-radius: 3px;
.show_more-link {
cursor: pointer;
${props =>
${(props) =>
props.theme.interfaceDirection === "rtl"
? css`
margin: 10px 20px 3px 0;
@ -209,12 +213,12 @@ const StyledHistoryBlockFile = styled.div`
.exst {
flex-shrink: 0;
color: ${props => props.theme.infoPanel.history.fileExstColor};
color: ${(props) => props.theme.infoPanel.history.fileExstColor};
}
}
.location-btn {
${props =>
${(props) =>
props.theme.interfaceDirection === "rtl"
? css`
margin-right: auto;