links: all inputs use gray2

This commit is contained in:
Matilde Park 2020-09-24 18:59:26 -04:00
parent 75e65573d3
commit 744232eef1
2 changed files with 9 additions and 5 deletions

View File

@ -188,7 +188,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
const isS3Ready =
( this.props.s3.secretAccessKey &&
this.props.s3.endpoint &&
this.props.s3.accessKeyId
this.props.s3.accessKeyId
);
return (
@ -206,7 +206,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
>
{this.state.dragover ? <SubmitDragger /> : null}
<div className="relative">
{
{
( this.state.linkValue ||
this.state.urlFocus ||
this.state.disabled
@ -260,7 +260,7 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
</div>
<input
type="text"
className="pl2 bg-transparent w-100 f8 white-d"
className="pl2 bg-transparent w-100 f8 white-d linkTitle"
style={{
resize: 'none',
height: 40
@ -292,8 +292,8 @@ export class LinkSubmit extends Component<LinkSubmitProps, LinkSubmitState> {
Post link
</button> : null}
<Spinner awaiting={this.state.disabled} classes="nowrap flex items-center pr2 pl2 pt2 pb4" style={{flex: '1 1 14rem'}} text="Posting to collection..." />
</div>
) ;
}

View File

@ -6,6 +6,10 @@
padding-bottom: 56.25%;
}
.linkTitle::placeholder {
color: #7f7f7f;
}
.links.embed-container iframe, .links.embed-container object, .links.embed-container embed {
position: absolute;
top: 0;