update: circle-admin - leave and join button clickable

This commit is contained in:
gaelle morin 2020-06-09 16:51:15 +02:00
parent d8879c4f12
commit 74cec30974
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 43 additions and 2 deletions

View File

@ -160,4 +160,45 @@
justify-content: center;
}
}
.circle-join {
position: relative;
width: 40%;
min-width: 40%;
input {
height: 29px;
left: -1px;
position: absolute;
top: -1px;
width: 105%;
padding-left: 16px;
}
&.button.with-icon::before {
margin-left: 12px;
}
}
.circle-leave {
position: relative;
width: 30%;
min-width: 30%;
}
.circle-leave>button {
position: absolute;
width: 106%;
left: 1px;
/* background: antiquewhite; */
height: 29px;
top: -1px;
padding-left: 13px;
}
.circle-leave.button.with-icon::before {
font-size: 1.6rem;
margin-right: 2rem;
margin-left: -50px;
}
}

View File

@ -48,7 +48,7 @@
sib-widget(name='hubl-admin-circle-leave-button')
template
sib-delete(
class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
class='circle-leave button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
data-src="${src}"
data-label='Quitter'
)
@ -73,7 +73,7 @@
sib-widget(name='hubl-admin-circle-join-button')
template
sib-form.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
sib-form.circle-join.button.text-bold.text-uppercase.reversed.button-primary.bordered.with-icon.icon-arrow-right-circle.flex(
data-src='${value}'
fields='user.username'