Fixed Bug 54013 - Client.Files.Returned the ability to select element…

…s on the About program page.
ONLYOFFICE · Nov 24, 2021 · 465c57b · 465c57b
1 parent b35061d
commit 465c57b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 9 deletions.
diff --git a/packages/asc-web-common/components/PageLayout/sub-components/section-body.js b/packages/asc-web-common/components/PageLayout/sub-components/section-body.js
@@ -23,8 +23,6 @@ const commonStyles = css`
 
   border-left: none;
 
-  -webkit-user-select: none;
-
   .section-wrapper {
     ${(props) =>
       !props.withScroll &&

diff --git a/web/ASC.Web.Client/src/components/pages/About/AboutContent.js b/web/ASC.Web.Client/src/components/pages/About/AboutContent.js
@@ -5,7 +5,7 @@ import NoUserSelect from "@appserver/components/utils/commonStyles";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
 import { ReactSVG } from "react-svg";
-import { isDesktop } from "react-device-detect";
+import { isDesktop, isMobile } from "react-device-detect";
 
 const StyledAboutBody = styled.div`
   width: 100%;
@@ -25,6 +25,14 @@ const StyledAboutBody = styled.div`
   .no-select {
     ${NoUserSelect}
   }
+
+  .tel-title,
+  .address-title {
+    display: inline;
+  }
+  .select-el {
+    ${isMobile && `user-select: text`};
+  }
 `;
 
 const AboutContent = ({ personal, buildVersionInfo }) => {
@@ -68,7 +76,7 @@ const AboutContent = ({ personal, buildVersionInfo }) => {
         >
           &nbsp;ONLYOFFICE App Server&nbsp;
         </Link>
-        <Text className="row-el" fontSize="13px" fontWeight="600" noSelect>
+        <Text className="row-el select-el" fontSize="13px" fontWeight="600">
           v.{buildVersionInfo.appServer}
         </Text>
       </div>
@@ -87,7 +95,7 @@ const AboutContent = ({ personal, buildVersionInfo }) => {
         >
           &nbsp;ONLYOFFICE Docs&nbsp;
         </Link>
-        <Text className="row-el" fontSize="13px" fontWeight="600" noSelect>
+        <Text className="row-el select-el" fontSize="13px" fontWeight="600">
           v.{buildVersionInfo.documentServer}
         </Text>
       </div>
@@ -106,14 +114,20 @@ const AboutContent = ({ personal, buildVersionInfo }) => {
       </Text>
 
       <div className="row">
-        <Text fontSize="13px" noSelect>
-          {t("AboutCompanyAddressTitle")}: {address}
+        <Text className="address-title" fontSize="13px" noSelect>
+          {t("AboutCompanyAddressTitle")}:{" "}
+        </Text>
+        <Text className="address-title select-el" fontSize="13px">
+          {address}
         </Text>
       </div>
 
       <div className="row">
-        <Text fontSize="13px" noSelect>
-          {t("AboutCompanyTelTitle")}: {phone}
+        <Text className="tel-title" fontSize="13px" noSelect>
+          {t("AboutCompanyTelTitle")}:{" "}
+        </Text>
+        <Text className="tel-title select-el" fontSize="13px">
+          {phone}
         </Text>
       </div>