Skip to content
Snippets Groups Projects
Commit 7375bac7 authored by Karl Prieb's avatar Karl Prieb
Browse files

change create channel UI

parent 0a38a177
No related branches found
No related tags found
No related merge requests found
......@@ -1099,12 +1099,9 @@ label.required:after {
display: inline-block;
}
}
&.label-top {
position: relative;
i {
position: absolute;
left: 7px;
top: 26px;
&.no-icon {
input {
padding: 0 8px;
}
}
}
......
......@@ -102,6 +102,11 @@ blockquote:before {
border-color: fade(@primary-background-contrast, 50%);
}
}
.input.checkbox.toggle {
input:checked + label:before {
background-color: @primary-action-color;
}
}
}
.flex-tab {
......
......@@ -7,10 +7,9 @@
<div class="content">
<div class="wrapper">
<h4>{{_ "Create_new" }}</h4>
<div class="input-line label-top">
<div class="input-line no-icon">
<span>{{_ "Name"}}</span>
<input type="text" id="channel-name" class="required" dir="auto" placeholder="{{_ 'Enter_name_here'}}">
<i class="icon-hash"></i>
</div>
<div class="input-line toggle">
<span>{{_ "Private"}}</span>
......@@ -26,10 +25,9 @@
<label for="channel-ro"></label>
</div>
</div>
<div class="input-line label-top">
<div class="input-line no-icon">
<label for="channel-members">{{_ "Select_users"}}</label>
{{> inputAutocomplete settings=autocompleteSettings id="channel-members" class="search" placeholder=(_ "Search_by_username") autocomplete="off"}}
<i class="icon-search"></i>
<ul class="selected-users">
{{#each selectedUsers}}
<li>{{.}} <i class="icon-cancel remove-room-member"></i></li>
......
......@@ -7,7 +7,7 @@
<div class="content">
<div class="wrapper">
<h4>{{_ "Create_new"}}</h4>
<div class="input-line">
<div class="input-line no-icon">
<label for="who">{{_ "Select_user" }}</label>
{{> inputAutocomplete settings=autocompleteSettings id="who" class="required search" autocomplete="off" placeholder=(_ "Search_by_username")}}
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment