Web:Client:Fixed content bouncing in Accounts on hover and highlighting accounts in row and table views for resolutions up to 1024px.
This commit is contained in:
parent
f749fd8b4a
commit
8e394718aa
@ -94,6 +94,26 @@ const StyledRowContainer = styled(RowContainer)`
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.row-selected {
|
||||
.user-row {
|
||||
margin-top: -3px !important;
|
||||
padding-bottom: 0.8px !important;
|
||||
padding-top: 0.8px !important;
|
||||
|
||||
.expandButton {
|
||||
padding-bottom: 0.8px;
|
||||
}
|
||||
|
||||
.mainIcons {
|
||||
.paid-badge {
|
||||
margin-top: -1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const PeopleRowContainer = ({
|
||||
|
@ -69,9 +69,12 @@ const StyledSimpleUserRow = styled(Row)`
|
||||
:hover {
|
||||
cursor: pointer;
|
||||
${checkedStyle}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
margin-top: -4px !important;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
|
||||
border-top: ${(props) =>
|
||||
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
|
||||
border-bottom: ${(props) =>
|
||||
@ -83,6 +86,33 @@ const StyledSimpleUserRow = styled(Row)`
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
margin-top: -3px !important;
|
||||
|
||||
padding-top: 0.8px;
|
||||
padding-bottom: 0.8px;
|
||||
|
||||
border-top: ${(props) =>
|
||||
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
|
||||
border-bottom: ${(props) =>
|
||||
`1px ${props.theme.filesSection.tableView.row.borderColor} solid`};
|
||||
|
||||
.owner_icon {
|
||||
padding-bottom: 0.8px;
|
||||
}
|
||||
|
||||
.mainIcons {
|
||||
.paid-badge {
|
||||
margin-top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.expandButton {
|
||||
padding-bottom: 0.8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
`}
|
||||
|
||||
position: unset;
|
||||
|
Loading…
Reference in New Issue
Block a user