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,18 +178,9 @@ 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">
<input
type="file"
ref={this.inputEl}
className="input-file"
placeholder="input file"
name="name"
onChange={this.onFileSelected}
/>
<div <div
className="image-upload-section"
role="button" role="button"
className={'module-message__buttons__upload'}
onClick={() => { onClick={() => {
const el = this.inputEl.current; const el = this.inputEl.current;
if (el) { if (el) {
@ -197,7 +188,14 @@ export class UpdateGroupNameDialog extends React.Component<Props, State> {
} }
}} }}
/> />
</div> <input
type="file"
ref={this.inputEl}
className="input-file"
placeholder="input file"
name="name"
onChange={this.onFileSelected}
/>
</div> </div>
</div> </div>
); );

Loading…
Cancel
Save