Merge branch 'feature/files' of github.com:ONLYOFFICE/AppServer into feature/files
This commit is contained in:
commit
8748a0fc52
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "asc-web-common",
|
||||
"version": "1.0.233",
|
||||
"version": "1.0.236",
|
||||
"description": "Ascensio System SIA common components and solutions library",
|
||||
"license": "AGPL-3.0",
|
||||
"files": [
|
||||
|
@ -3,6 +3,7 @@ import styled from "styled-components";
|
||||
|
||||
const StyledMain = styled.main`
|
||||
height: 100vh;
|
||||
height: calc(var(--vh, 1vh) * 100);
|
||||
padding: ${props => (props.fullscreen ? "0" : "56px 0 0 0")};
|
||||
width: 100vw;
|
||||
z-index: 0;
|
||||
@ -12,6 +13,9 @@ const StyledMain = styled.main`
|
||||
`;
|
||||
|
||||
const Main = React.memo(props => {
|
||||
const vh = window.innerHeight * 0.01;
|
||||
document.documentElement.style.setProperty('--vh', `${vh}px`);
|
||||
|
||||
//console.log("Main render");
|
||||
return <StyledMain {...props} />;
|
||||
});
|
||||
|
@ -1,7 +1,7 @@
|
||||
import React from "react";
|
||||
import PropTypes from "prop-types";
|
||||
import styled from "styled-components";
|
||||
import { Icons } from "asc-web-components";
|
||||
import { Icons, Text } from "asc-web-components";
|
||||
|
||||
import ImageViewer from "./sub-components/image-viewer"
|
||||
import VideoViewer from "./sub-components/video-viewer"
|
||||
@ -352,7 +352,7 @@ class MediaViewer extends React.Component {
|
||||
|
||||
<div>
|
||||
<div className="details" ref={this.detailsContainer}>
|
||||
<div className="title">{fileTitle}</div>
|
||||
<Text isBold fontSize="14px" color="#fff" className="title">{fileTitle}</Text>
|
||||
<ControlBtn onClick={this.props.onClose && (this.props.onClose)} className="mediaPlayerClose">
|
||||
<Icons.CrossIcon size="medium" isfill={true} color="#fff" />
|
||||
</ControlBtn>
|
||||
|
@ -43,10 +43,6 @@ const StyledMediaViewer = styled.div`
|
||||
}
|
||||
.details{
|
||||
z-index: 4001;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
height: 20px;
|
||||
@ -57,8 +53,7 @@ const StyledMediaViewer = styled.div`
|
||||
left: 0;
|
||||
|
||||
.title{
|
||||
width: calc(100% - 100px);
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
@ -31,11 +31,12 @@ const StyledViewer = styled(Viewer)`
|
||||
}
|
||||
.react-viewer-toolbar li{
|
||||
width: 40px;
|
||||
height:30px;
|
||||
height: 30px;
|
||||
margin-top: 4px;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
line-height: 24px;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
.react-viewer-btn{
|
||||
background-color: transparent;
|
||||
|
Loading…
Reference in New Issue
Block a user