Web: Components/Files: fixed style Share button
This commit is contained in:
parent
710024c6f7
commit
0322fdcd8e
@ -131,7 +131,8 @@ const SimpleFilesRow = styled(Row)`
|
||||
`}
|
||||
|
||||
.share-button-icon {
|
||||
margin-right: 9px;
|
||||
margin-right: 7px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.share-button,
|
||||
@ -142,8 +143,14 @@ const SimpleFilesRow = styled(Row)`
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1312px) {
|
||||
.share-button {
|
||||
padding-top: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.styled-element {
|
||||
margin-right:0;
|
||||
margin-right: 0;
|
||||
}
|
||||
`;
|
||||
|
||||
@ -1338,7 +1345,7 @@ class SectionBodyContent extends React.Component {
|
||||
as="span"
|
||||
title={this.props.t("Share")}
|
||||
fontSize="12px"
|
||||
fontWeight={400}
|
||||
fontWeight={600}
|
||||
color="#A3A9AE"
|
||||
display="inline-flex"
|
||||
onClick={this.onClickShare}
|
||||
@ -1347,7 +1354,7 @@ class SectionBodyContent extends React.Component {
|
||||
className="share-button-icon"
|
||||
color="#a3a9ae"
|
||||
hoverColor="#657077"
|
||||
size={16}
|
||||
size={18}
|
||||
iconName="CatalogSharedIcon"
|
||||
/>
|
||||
{this.props.t("Share")}
|
||||
|
@ -4,7 +4,7 @@ import PropTypes from "prop-types";
|
||||
import React from "react";
|
||||
import isEqual from "lodash/isEqual";
|
||||
import styled from "styled-components";
|
||||
import { tablet } from "../../utils/device";
|
||||
import { tablet, mobile } from "../../utils/device";
|
||||
|
||||
const StyledRow = styled.div`
|
||||
cursor: default;
|
||||
@ -49,10 +49,14 @@ const StyledElement = styled.div`
|
||||
`;
|
||||
|
||||
const StyledContentElement = styled.div`
|
||||
margin-right: 8px;
|
||||
margin-left: 8px;
|
||||
margin-top: 6px;
|
||||
margin-left: 18px;
|
||||
margin-top: 4px;
|
||||
margin-right: -2px;
|
||||
user-select: none;
|
||||
@media ${tablet} {
|
||||
margin-left: 17px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledOptionButton = styled.div`
|
||||
@ -60,7 +64,16 @@ const StyledOptionButton = styled.div`
|
||||
width: ${(props) => props.spacerWidth && props.spacerWidth};
|
||||
|
||||
.expandButton > div:first-child {
|
||||
padding: 8px 8px 8px 8px;
|
||||
padding: 8px 8px 8px 7px;
|
||||
|
||||
@media ${mobile} {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
margin-top: -1px;
|
||||
@media ${tablet} {
|
||||
margin-top: unset;
|
||||
}
|
||||
`;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user