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 { .session-id-section {
display: flex; display: flex;
align-items: center; 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 { .qr-image {
display: flex; display: flex;
justify-content: center; justify-content: center;

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

Loading…
Cancel
Save