Mirrors/super-productivity
1
0
Fork 0
mirror of https://github.com/johannesjo/super-productivity.git synced 2026-08-01 12:10:33 +00:00
Code Issues Projects Releases Wiki Activity

fix(globalLinks): improve custom icon selection

Browse source
This commit is contained in:
Johannes Millan 2017-10-28 23:35:12 +02:00
parent 1b7a1c9a87
commit a75f9db98d
2 changed files with 24 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app-src/scripts/dialogs/edit-global-link/_edit-global-link-c.scss
View file

@ -0,0 +1,6 @@
.edit-global-link-dialog{
.custom-icon-wrapper{
display: flex;
flex-wrap: wrap;
}
}

31
app-src/scripts/dialogs/edit-global-link/edit-global-link-c.html
View file

@ -39,19 +39,24 @@
</md-option>
</md-select>
<md-autocomplete flex="100"
tabindex="1"
md-selected-item="vm.linkCopy.customIcon"
md-search-text="vm.searchIconTxt"
md-items="icon in vm.getFilteredIconSuggestions(vm.searchIconTxt)"
md-item-text="icon"
md-require-match="true"
placeholder="Select custom icon">
<md-item-template>
<span md-highlight-text="vm.searchIconTxt"
md-highlight-flags="i">{{icon}}</span>
</md-item-template>
</md-autocomplete>
<div class="custom-icon-wrapper">
<md-autocomplete tabindex="1"
md-selected-item="vm.linkCopy.customIcon"
md-search-text="vm.searchIconTxt"
md-items="icon in vm.getFilteredIconSuggestions(vm.searchIconTxt)"
md-item-text="icon"
md-require-match="true"
placeholder="Select custom icon">
<md-item-template>
<ng-md-icon icon="{{icon}}"></ng-md-icon>
<span md-highlight-text="vm.searchIconTxt"
md-highlight-flags="i">{{icon}}</span>
</md-item-template>
</md-autocomplete>
<ng-md-icon ng-if="vm.linkCopy.customIcon"
icon="{{vm.linkCopy.customIcon}}"></ng-md-icon>
</div>
</div>
</md-dialog-content>