Web:Files:Components: fix loader size for sharing panel modal view
This commit is contained in:
parent
814da60efe
commit
b657b8783e
@ -1,4 +1,4 @@
|
||||
import styled from "styled-components";
|
||||
import styled, { css } from "styled-components";
|
||||
|
||||
import { Base } from "@appserver/components/themes";
|
||||
|
||||
@ -11,10 +11,13 @@ const StyledContainer = styled.div`
|
||||
|
||||
const StyledHeader = styled.div`
|
||||
width: 100%;
|
||||
padding: ${(props) => (props.isPersonal ? "12px 16px" : "12px 16px")};
|
||||
|
||||
margin-left: -12px;
|
||||
margin-right: 12px;
|
||||
padding: ${(props) => (props.isPersonal ? "0px 16px 12px" : "12px 16px")};
|
||||
${(props) =>
|
||||
props.isPersonal &&
|
||||
css`
|
||||
margin-left: -12px;
|
||||
margin-right: 12px;
|
||||
`}
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -123,7 +126,7 @@ const StyledButtons = styled.div`
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
padding: 2px 4px 0;
|
||||
padding: 4px;
|
||||
|
||||
svg:first-child {
|
||||
margin-right: 8px;
|
||||
|
@ -23,7 +23,7 @@ const SharingPanelLoaderModal = ({
|
||||
return (
|
||||
<StyledContainer>
|
||||
<StyledHeader isPersonal={true}>
|
||||
<RectangleLoader width={"283px"} height={"29px"} />
|
||||
<RectangleLoader width={"283px"} height={"16px"} />
|
||||
</StyledHeader>
|
||||
|
||||
<StyledExternalLink isPersonal={true}>
|
||||
|
@ -550,6 +550,7 @@ class SharingPanelComponent extends React.Component {
|
||||
onClose={this.onClose}
|
||||
width={"400px"}
|
||||
isPersonal={isPersonal}
|
||||
modalBodyPadding="12px 0 0"
|
||||
>
|
||||
<ModalDialog.Body>
|
||||
<SharingPanelLoaderModal isShared={isShared} />
|
||||
|
Loading…
Reference in New Issue
Block a user