Merge branch 'feature/files' of https://github.com/ONLYOFFICE/CommunityServer-AspNetCore into feature/files

web/ASC.Web.Common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asc-web-common",
-  "version": "1.0.146",
+  "version": "1.0.147",
   "description": "Ascensio System SIA common components and solutions library",
   "license": "AGPL-3.0",
   "files": [

web/ASC.Web.Common/src/components/MediaViewer/StyledMediaViewer.js

@@ -62,6 +62,14 @@ const StyledMediaViewer = styled.div`
         position: fixed;
         top: 0;
         left: 0;
+
+        .title{
+            width: calc(100% - 100px);
+            margin: 0 auto;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
     }
 
     .mediaPlayerClose{

web/ASC.Web.Common/src/components/MediaViewer/sub-components/image-viewer.js

@@ -15,20 +15,20 @@ const StyledViewer = styled(Viewer)`
         z-index: 4000!important;
     }
     .react-viewer-navbar,
-    .react-viewer-mask{
+    .react-viewer-mask,
+    .react-viewer-attribute,
+    .react-viewer-close{
         display: none
     }
-    .react-viewer-attribute{
-        display: none;
-    }
     .react-viewer-toolbar{
-        position: fixed;
-        left: calc(50% - 125px);
+        position: relative;
+        overflow: visible;
         bottom: 4px;
     }
     .react-viewer-toolbar li{
         width: 40px;
         height:30px;
+        margin-top: 4px;
         border-radius: 2px;
         cursor: pointer;
         line-height: 24px;
@@ -59,7 +59,7 @@ const StyledViewer = styled(Viewer)`
     }
     .iconContainer{
         width: 20px;
-        line-height: 15px;
+        line-height: 20px;
         margin: 4px auto;
 
         &.reset{