From e014ff614e71bc49bcba2680aeb168bd4498aa55 Mon Sep 17 00:00:00 2001 From: Dmitry Kulak Date: Thu, 30 Dec 2021 10:55:16 +0300 Subject: [PATCH] Web: Files: Tiles: Loaders aligned with content, fixes --- .../components/Loaders/TilesLoader/TilesLoader.js | 6 +++--- .../Body/TilesView/sub-components/TileContainer.js | 8 ++------ 2 files changed, 5 insertions(+), 9 deletions(-) diff --git a/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js b/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js index 9cd26558bc..d93d186fe9 100644 --- a/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js +++ b/packages/asc-web-common/components/Loaders/TilesLoader/TilesLoader.js @@ -19,12 +19,12 @@ const StyledWrapper = styled.div` grid-gap: 16px; .folders { - margin-top: 20px; - margin-bottom: 16px; + margin-top: -1px; + margin-bottom: 12px; } .files { - margin-top: 37px; + margin-top: 25px; } margin-right: 3px; diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js index 4737a9c89d..c4ba860e5b 100644 --- a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js +++ b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/TileContainer.js @@ -24,7 +24,7 @@ const StyledGridWrapper = styled.div` display: grid; grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)); width: 100%; - margin-bottom: ${(props) => (props.isFolders ? "29px" : 0)}; + margin-bottom: ${(props) => (props.isFolders ? "23px" : 0)}; box-sizing: border-box; ${paddingCss}; @@ -52,12 +52,8 @@ const StyledTileContainer = styled.div` .tile-items-heading { margin: 0; - padding-bottom: 11px; + margin-bottom: 15px; pointer-events: none; - - &.files { - padding-top: 8px; - } } @media ${tablet} {