adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-07-28 20:43:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Minor changes on search album page

Browse Source
This commit is contained in:
Zacharie
2020-09-03 17:13:42 +02:00
parent ad621844b3
commit e541bd036f
2 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/themes/default/template/cat_search.tpl
+9 -10
View File
@@ -14,7 +14,6 @@ var categories = Object.values(data);
var str_albums_found = '{"<b>%d</b> albums found"}';
var str_album_found = '{"<b>1</b> album found"}';
var str_title_page = '{'Album search tool'|@translate}'
{literal}
var editLink = "admin.php?page=album-";
var colors = ["icon-red", "icon-blue", "icon-yellow", "icon-purple", "icon-green"];
@@ -32,12 +31,10 @@ function updateSearch () {
$('.search-album-help').show();
$('.search-album-ghost').show();
$('.search-album-num-result').hide();
$('.titrePage h2, h1').html(str_title_page);
} else {
$('.search-album-ghost').hide();
$('.search-album-help').hide();
$('.search-album-num-result').show();
$('.titrePage h2, h1').html(str_title_page + ' [' + string + ']');
nbResult = 0;
categories.forEach((c) => {
@@ -124,14 +121,16 @@ $('.search-input').focus();
</div>
<div class="search-album">
<div class="search-album-label">{'Search albums'|@translate}</div>
<div class="search-album-input-container" style="position:relative">
<span class="icon-search search-icon"></span>
<span class="icon-cancel search-cancel"></span>
<input class='search-input' type="text" placeholder="{'Portraits'|@translate}">
<div class="search-album-cont">
<div class="search-album-label">{'Search albums'|@translate}</div>
<div class="search-album-input-container" style="position:relative">
<span class="icon-search search-icon"></span>
<span class="icon-cancel search-cancel"></span>
<input class='search-input' type="text" placeholder="{'Portraits'|@translate}">
</div>
<span class="search-album-help icon-help-circled" title="{'Enter a term to search for album'|@translate}"></span>
<span class="search-album-num-result"></span>
</div>
<span class="search-album-help icon-help-circled" title="{'Enter a term to search for album'|@translate}"></span>
<span class="search-album-num-result"></span>
</div>
<div class="search-album-ghost">
admin/themes/default/theme.css
+12 -1
View File
@@ -4700,6 +4700,12 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
margin-bottom: 25px
}
.search-album-cont {
position: relative;
display: flex;
align-items: center;
}
.search-album-label {
font-weight: bold;
font-size: 16px;
@@ -4721,10 +4727,15 @@ li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important;
.search-album-help {
cursor: help;
margin: 5px;
font-size: 20px;
}
.search-album-help, .search-album-num-result {
position: absolute;
right: 0;
transform: translateX(calc(100% + 10px));
}
.search-album-ghost, .search-album-result {
display: flex;
flex-direction: column;