chat channel: inline on/off button

This commit is contained in:
Felix Niklas 2015-12-14 16:15:54 +01:00
parent d11f05881a
commit 5ae7f06225
2 changed files with 18 additions and 13 deletions

View file

@ -1,19 +1,15 @@
<div class="page-header">
<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 class="page-content">
<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>
<p><%- @T('You can create multiple chat topics.') %></p>
<div class="js-topics"></div>

View file

@ -1809,11 +1809,20 @@ kbd {
justify-content: center;
}
.page-header-title h1,
.page-header-title h2 {
.page-header-title {
display: flex;
align-items: center;
.zammad-switch {
margin-right: 9px;
}
h1,
h2 {
margin-top: 9px;
margin-bottom: 7px;
}
}
.page-header-center {
justify-self: center;