Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

settings: Improve styling of draggable profile field rows. 

This changes the icon indicating that you can drug the custom
profile field rows in settings to be the double rows of dots
typically used to indicate draggability. It also gives those
rows the "move" cursor on hover.
This commit is contained in:
Max Nussenbaum 2018-07-05 13:40:26 -04:00 committed by Tim Abbott
parent 960f83238b
commit 4af3b8bdda
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
static/styles/settings.scss
View File

@ -705,6 +705,17 @@ input[type=checkbox].inline-block {
.admin_profile_fields_table,
.admin_filters_table {
margin-top: 20px;
.movable-profile-field-row {
cursor: move;
i {
color: hsl(0, 0, 75%);
position: relative;
top: 1px;
+ i {
margin-right: 5px;
}
}
}
}
#admin-filter-pattern-status,

5
static/templates/admin_profile_field_list.handlebars
View File

@ -1,8 +1,9 @@
{{#with profile_field}}
<tr class="profile-field-row" data-profile-field-id="{{id}}">
<tr class="profile-field-row movable-profile-field-row" data-profile-field-id="{{id}}">
<td>
{{#if ../can_modify}}
<i class="fa fa-sort" aria-hidden="true"></i>
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
{{/if}}
<span class="profile_field_name">{{name}}</span>
</td>