Web: Files: Tiles: Separated clashing styles for rename wrapper
This commit is contained in:
parent
da4b9d0db9
commit
1a1d597a82
@ -71,20 +71,33 @@ const EditingWrapper = styled.div`
|
|||||||
outline: 0 !important;
|
outline: 0 !important;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: 2px;
|
|
||||||
font-family: "Open Sans", sans-serif, Arial;
|
font-family: "Open Sans", sans-serif, Arial;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
${(props) =>
|
||||||
|
props.viewAs === "tile" &&
|
||||||
|
css`
|
||||||
|
margin-right: 2px;
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
|
`};
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-button {
|
.edit-button {
|
||||||
height: 32px;
|
height: 32px;
|
||||||
padding: 8px 7px 7px 7px;
|
padding: 8px 7px 7px 7px;
|
||||||
|
|
||||||
|
${(props) =>
|
||||||
|
props.viewAs === "tile" &&
|
||||||
|
css`
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
`};
|
||||||
|
|
||||||
${(props) =>
|
${(props) =>
|
||||||
props.viewAs === "table" &&
|
props.viewAs === "table" &&
|
||||||
css`
|
css`
|
||||||
@ -97,10 +110,6 @@ const EditingWrapper = styled.div`
|
|||||||
border: 1px solid #d0d5da;
|
border: 1px solid #d0d5da;
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-left: 2px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-ok-icon {
|
.edit-ok-icon {
|
||||||
|
Loading…
Reference in New Issue
Block a user