rows margins were corrected

This commit is contained in:
Vladimir Khvan 2023-06-02 13:19:07 +05:00
parent 38680c2c5d
commit 68063d9707
2 changed files with 6 additions and 2 deletions

View File

@ -61,7 +61,7 @@ const HistoryRow = (props) => {
checkbox
checked={isIdChecked(historyItem.id)}
onSelect={handleOnSelect}
className={isIdChecked(historyItem.id) ? "selected-row-item" : ""}
className={isIdChecked(historyItem.id) ? "row-item selected-row-item" : "row-item "}
onClick={handleRowClick}>
<HistoryRowContent sectionWidth={sectionWidth} historyItem={historyItem} />
</Row>

View File

@ -2,7 +2,7 @@ import React, { useEffect } from "react";
import styled from "styled-components";
import { inject, observer } from "mobx-react";
import { isMobile } from "react-device-detect";
import { isMobile, isMobileOnly } from "react-device-detect";
import { useParams } from "react-router-dom";
import RowContainer from "@docspace/components/row-container";
@ -15,6 +15,10 @@ const StyledRowContainer = styled(RowContainer)`
.row-list-item {
cursor: pointer;
padding-right: ${() => (isMobileOnly ? "5px" : "15px")};
}
.row-item::after {
bottom: -3px;
}
.row-list-item:has(.selected-row-item) {