make group image upload look same as edit profile upload

pull/878/head
Audric Ackermann 5 years ago
parent 790085bea1
commit ad682b588a
No known key found for this signature in database
GPG Key ID: 999F434D76324AD4

@ -1020,29 +1020,6 @@ label {
}
}
.image-upload-section {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
cursor: pointer;
width: 80px;
height: 80px;
border-radius: 100%;
background-color: rgba($session-color-black, 0.72);
box-shadow: 0px 0px 3px 0.5px rgba(0, 0, 0, 0.75);
opacity: 0;
transition: $session-transition-duration;
&:after {
content: 'Edit';
}
&:hover {
opacity: 1;
}
}
.session-id-section {
display: flex;
align-items: center;
@ -1099,6 +1076,29 @@ label {
}
}
.image-upload-section {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
cursor: pointer;
width: 80px;
height: 80px;
border-radius: 100%;
background-color: rgba($session-color-black, 0.72);
box-shadow: 0px 0px 3px 0.5px rgba(0, 0, 0, 0.75);
opacity: 0;
transition: $session-transition-duration;
&:after {
content: 'Edit';
}
&:hover {
opacity: 1;
}
}
.qr-image {
display: flex;
justify-content: center;

@ -178,27 +178,25 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
i18n={this.props.i18n}
size={80}
/>
<div className="upload-btn-background">
<input
type="file"
ref={this.inputEl}
className="input-file"
placeholder="input file"
name="name"
onChange={this.onFileSelected}
/>
<div
role="button"
className={'module-message__buttons__upload'}
onClick={() => {
const el = this.inputEl.current;
if (el) {
el.click();
}
}}
/>
</div>
</div>
<div
className="image-upload-section"
role="button"
onClick={() => {
const el = this.inputEl.current;
if (el) {
el.click();
}
}}
/>
<input
type="file"
ref={this.inputEl}
className="input-file"
placeholder="input file"
name="name"
onChange={this.onFileSelected}
/>
</div>
</div>
);
}

Loading…
Cancel
Save