chat channel: inline on/off button
This commit is contained in:
parent
d11f05881a
commit
5ae7f06225
2 changed files with 18 additions and 13 deletions
|
@ -1,19 +1,15 @@
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<div class="page-header-title">
|
<div class="page-header-title">
|
||||||
<h1><%- @T('Chat') %> <small></small></h1>
|
<div class="zammad-switch zammad-switch--small js-chatSetting">
|
||||||
|
<input name="chat" type="checkbox" id="setting-chat" <% if @chatSetting: %>checked<% end %>>
|
||||||
|
<label for="setting-chat"></label>
|
||||||
|
</div>
|
||||||
|
<h1><%- @T('Chat') %></h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<p><%- @T('You can create chat widgets for your webpages to allow visitors to chat with you.') %></p>
|
<p><%- @T('You can create chat widgets for your webpages to allow visitors to chat with you.') %></p>
|
||||||
|
|
||||||
<h2><%- @T('Enable') %>/<%- @T('Disable') %></h2>
|
|
||||||
<form>
|
|
||||||
<div class="zammad-switch js-chatSetting">
|
|
||||||
<input name="chat" type="checkbox" id="setting-chat" <% if @chatSetting: %>checked<% end %>>
|
|
||||||
<label for="setting-chat"></label>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<h2><%- @T('Topics') %></h2>
|
<h2><%- @T('Topics') %></h2>
|
||||||
<p><%- @T('You can create multiple chat topics.') %></p>
|
<p><%- @T('You can create multiple chat topics.') %></p>
|
||||||
<div class="js-topics"></div>
|
<div class="js-topics"></div>
|
||||||
|
|
|
@ -1809,10 +1809,19 @@ kbd {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header-title h1,
|
.page-header-title {
|
||||||
.page-header-title h2 {
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.zammad-switch {
|
||||||
|
margin-right: 9px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2 {
|
||||||
margin-top: 9px;
|
margin-top: 9px;
|
||||||
margin-bottom: 7px;
|
margin-bottom: 7px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header-center {
|
.page-header-center {
|
||||||
|
|
Loading…
Reference in a new issue