IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ASC.Web.Common: Layout, PageLayout : indentation corrected

Browse Source
This commit is contained in:
Andrey Savihin 2019-12-23 16:41:52 +03:00
parent 5e1a9445db
commit 0133c45840
5 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/ASC.Web.Common/src/components/Layout/sub-components/header-nav.js
View File

@ -3,10 +3,12 @@ import PropTypes from "prop-types";
import styled from "styled-components";
import NavItem from "./nav-item";
import ProfileActions from "./profile-actions";
import { utils } from "asc-web-components";
const { tablet } = utils.device;
const StyledNav = styled.nav`
display: flex;
padding: 0 16px;
padding: 0 24px 0 16px;
align-items: center;
position: absolute;
right: 0;
@ -18,6 +20,10 @@ const StyledNav = styled.nav`
padding: 0;
min-width: 24px;
}
@media ${tablet} {
padding: 0 16px;
}
`;
const HeaderNav = React.memo(props => {

3
web/ASC.Web.Common/src/components/PageLayout/sub-components/article.js
View File

@ -4,7 +4,7 @@ import { utils } from "asc-web-components";
const { tablet } = utils.device;
const StyledArticle = styled.article`
padding: 0 16px;
padding: 0 24px;
background: #f8f9f9;
display: flex;
flex-direction: column;
@ -15,6 +15,7 @@ const StyledArticle = styled.article`
box-sizing: border-box;
@media ${tablet} {
padding: 0 16px;
${props =>
props.visible
? props.pinned

6
web/ASC.Web.Common/src/components/PageLayout/sub-components/section-body.js
View File

@ -5,10 +5,14 @@ import { utils, Scrollbar } from "asc-web-components";
const { tablet } = utils.device;
const StyledSectionBody = styled.div`
margin: 16px 0;
margin: 16px 8px 16px 0;
${props => props.displayBorder && `outline: 1px dotted;`}
flex-grow: 1;
height: 100%;
@media ${tablet} {
margin: 16px 0;
}
`;
const StyledSpacer = styled.div`

8
web/ASC.Web.Common/src/components/PageLayout/sub-components/section-header.js
View File

@ -1,10 +1,16 @@
import React from "react";
import styled from "styled-components";
import { utils } from "asc-web-components";
const { tablet } = utils.device;
const StyledSectionHeader = styled.div`
border-bottom: 1px solid #eceef1;
height: 56px;
margin-right: 16px;
margin-right: 24px;
@media ${tablet} {
margin-right: 16px;
}
`;
const SectionHeader = React.memo(props => {

8
web/ASC.Web.Common/src/components/PageLayout/sub-components/section.js
View File

@ -1,11 +1,17 @@
import React from "react";
import styled from "styled-components";
import { utils } from "asc-web-components";
const { tablet } = utils.device;
const StyledSection = styled.section`
padding: 0 0 0 16px;
padding: 0 0 0 24px;
flex-grow: 1;
display: flex;
flex-direction: column;
@media ${tablet} {
padding: 0 0 0 16px;
}
`;
class Section extends React.Component {