UX: fix layout of group header buttons on mobile (#12781)
This commit is contained in:
parent
ad406b6e11
commit
b9b4d2485b
|
@ -33,15 +33,6 @@
|
||||||
showLogin=(route-action "showLogin")
|
showLogin=(route-action "showLogin")
|
||||||
}}
|
}}
|
||||||
|
|
||||||
{{#if displayGroupMessageButton}}
|
|
||||||
{{d-button
|
|
||||||
action=(action "messageGroup")
|
|
||||||
class="btn-primary group-message-button"
|
|
||||||
icon="envelope"
|
|
||||||
label="groups.message"
|
|
||||||
}}
|
|
||||||
{{/if}}
|
|
||||||
|
|
||||||
{{#if currentUser.admin}}
|
{{#if currentUser.admin}}
|
||||||
{{#if model.automatic}}
|
{{#if model.automatic}}
|
||||||
{{d-button
|
{{d-button
|
||||||
|
@ -60,6 +51,15 @@
|
||||||
}}
|
}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
|
{{#if displayGroupMessageButton}}
|
||||||
|
{{d-button
|
||||||
|
action=(action "messageGroup")
|
||||||
|
class="btn-primary group-message-button"
|
||||||
|
icon="envelope"
|
||||||
|
label="groups.message"
|
||||||
|
}}
|
||||||
|
{{/if}}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{plugin-outlet name="group-details-after" args=(hash model=model)}}
|
{{plugin-outlet name="group-details-after" args=(hash model=model)}}
|
||||||
|
|
|
@ -83,8 +83,10 @@ span.mention-group {
|
||||||
|
|
||||||
.group-details-button {
|
.group-details-button {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-shrink: 0;
|
flex-wrap: wrap;
|
||||||
gap: 10px;
|
button:not(:last-child) {
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -43,4 +43,7 @@
|
||||||
|
|
||||||
.group-info {
|
.group-info {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
.group-details-button button {
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue