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">
<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>

View file

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