adam/Piwigo
1
0
Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-08-07 01:03:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixes #2383 add custom ellipsis to show end of long album names

Browse Source
This commit is contained in:
Linty
2025-07-02 15:42:29 +02:00
parent 1f7f44bac8
commit 5e2251dff8
2 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/themes/default/css/components/album_selector.css
+5
View File
@@ -164,6 +164,11 @@
text-align: left;
}
.search-result-path.not-rtl {
direction: ltr !important;
text-overflow: unset !important;
}
.search-result-path-name {
unicode-bidi: plaintext;
}
admin/themes/default/js/album_selector.js
+5 -1
View File
@@ -551,7 +551,7 @@ class AlbumSelector {
AlbumSelector.selectors.searchResult.append(
`<div class='search-result-item' id="${cat.id}">
<span class="search-result-path">${cat_name}</span><span id="${cat.id}" class="${iconAlbum} item-add"></span>
<span class="search-result-path not-rtl">${this.#getEllipsisName(cat_name)}</span><span id="${cat.id}" class="${iconAlbum} item-add"></span>
</div>`
);
@@ -572,6 +572,10 @@ class AlbumSelector {
!this.#isAlbumCreationChecked && this.#loadFillResultEvent(tempSelectedCat);
}
#getEllipsisName(str, lenght = 50) {
if (str.length <= lenght) return str;
return '...' + str.slice(-lenght).trim();
}
/*-----------
Ajax method
-----------*/