Web: Files: Tiles: Changed font size for file and folder names

ONLYOFFICE · Jan 24, 2022 · dc7e3d7 · dc7e3d7
1 parent 83fd179
commit dc7e3d7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/FilesTileContent.js
@@ -8,17 +8,13 @@ import Link from "@appserver/components/link";
 import TileContent from "./sub-components/TileContent";
 import withContent from "../../../../../HOCs/withContent";
 import withBadges from "../../../../../HOCs/withBadges";
-import { isMobile } from "react-device-detect";
+import { isDesktop } from "react-device-detect";
 
 const SimpleFilesTileContent = styled(TileContent)`
   .row-main-container {
     height: auto;
     max-width: 100%;
     align-self: flex-end;
-
-    a {
-      word-break: break-word;
-    }
   }
 
   .main-icons {
@@ -48,10 +44,6 @@ const SimpleFilesTileContent = styled(TileContent)`
     padding-right: 8px;
   }
 
-  .title-link {
-    font-size: 14px;
-  }
-
   .favorite,
   .can-convert,
   .edit {
@@ -78,12 +70,12 @@ const FilesTileContent = ({ item, titleWithoutExt, linkStyles }) => {
     <>
       <SimpleFilesTileContent sideColor="#333" isFile={fileExst}>
         <Link
-          className="title-link item-file-name"
+          className="item-file-name"
           containerWidth="100%"
           type="page"
           title={title}
           fontWeight="600"
-          fontSize={isMobile ? "15px" : "13px"}
+          fontSize={isDesktop ? "13px" : "14px"}
           target="_blank"
           {...linkStyles}
           color="#333"

diff --git a/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js b/products/ASC.Files/Client/src/pages/Home/Section/Body/TilesView/sub-components/Tile.js
@@ -160,13 +160,13 @@ const StyledContent = styled.div`
     max-width: 400px;
     height: auto;
     margin: 0 auto;
-    font-size: 15px;
     line-height: 19px;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
+    word-break: break-word;
   }
 
   @media (max-width: 1024px) {