xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2025-01-14 14:43:17 +08:00
Code Actions Projects Activity

Making inset button always visible on touchscreens #309

Browse Source
This commit is contained in:
Patrik J. Braun 2021-05-23 18:10:36 +02:00
parent f6aaa6de58
commit e41ac5b990
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.css
View File

@ -22,6 +22,12 @@
.autocomplete-item-selected .insert-button { .autocomplete-item-selected .insert-button {
display: block; display: block;
} }
@media (hover: none) {
.insert-button {
display: block;
}
}
.autocomplete-item-selected .insert-button:hover { .autocomplete-item-selected .insert-button:hover {
color: black; color: black;
} }

5
src/frontend/app/ui/gallery/search/search-field/search-field.gallery.component.html
View File

@ -48,7 +48,10 @@
<span *ngSwitchCase="SearchQueryTypes.distance" class="oi oi-map-marker"></span> <span *ngSwitchCase="SearchQueryTypes.distance" class="oi oi-map-marker"></span>
</span> </span>
{{item.preText}}<strong>{{item.highLightText}}</strong>{{item.postText}} {{item.preText}}<strong>{{item.highLightText}}</strong>{{item.postText}}
<span class="oi oi-chevron-right insert-button float-right" (click)="applyAutoComplete(item)"></span> <span class="oi oi-chevron-right insert-button float-right" (click)="applyAutoComplete(item)"
title="Insert"
i18n-title>
</span>
</div> </div>
</div> </div>
</div> </div>