diff --git a/admin/themes/default/js/albums.js b/admin/themes/default/js/albums.js index 0ee8c8f3b..c19436d17 100644 --- a/admin/themes/default/js/albums.js +++ b/admin/themes/default/js/albums.js @@ -372,6 +372,11 @@ function createAlbumNode(node, li) { +""+node.nb_subcats+"" +""+node.nb_images+"" +""+node.nb_sub_photos+"" + +"
" + +""+x_nb_subcats.replace('%d', node.nb_subcats)+"" + +""+x_nb_images.replace('%d', node.nb_images)+"" + +""+x_nb_sub_photos.replace('%d', node.nb_sub_photos)+"" + +"
" +"" ) diff --git a/admin/themes/default/template/albums.tpl b/admin/themes/default/template/albums.tpl index d32dd5ede..b55bd6fcd 100644 --- a/admin/themes/default/template/albums.tpl +++ b/admin/themes/default/template/albums.tpl @@ -15,6 +15,10 @@ var openCat = {$open_cat}; var nb_albums = {$nb_albums}; var light_album_manager = {$light_album_manager}; +var x_nb_subcats = "{'%d sub-albums'|@translate}"; +var x_nb_images = "{'%d photos'|@translate}"; +var x_nb_sub_photos = "{'%d lineage pictures'|@translate}"; + var delay_autoOpen = {$delay_before_autoOpen} {/footer_script} @@ -542,6 +546,46 @@ input[name="position"] { margin-right: 6px; } +.badge-container:hover .badge-dropdown { + display: flex; +} + +.badge-dropdown { + position: absolute; + display: none; + flex-direction: column; + background: linear-gradient(130deg, white 0%, white 100%); + right: 50%; + top: 30px; + width: max-content; + border-radius: 10px; + z-index: 10; + transform: translateX(48%); + box-shadow: 0px 3px 3px 1px rgba(0,0,0,0.2); + padding: 10px 20px; +} + +.badge-dropdown:after { + content: " "; + position: absolute; + top: -10px; + left: 50%; + transform: rotate(0); + border-width: 5px; + border-style: solid; + border-color: transparent transparent white transparent; +} + +.badge-dropdown span { + background: transparent; + font-size: 14px; + font-weight: 600; + margin: 5px 0; +} +.badge-dropdown span::before { + margin: 0 5px 0 0; +} + @media (max-width: 1415px) { .badge-container .last-update { display: none; diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css index 179540e55..f06c2ffc9 100644 --- a/admin/themes/default/theme.css +++ b/admin/themes/default/theme.css @@ -4209,7 +4209,7 @@ FORM#categoryOrdering p.albumActions .userSeparator {margin:0 5px;} left: 6px; } -.move-cat-container .icon-folder-open, .move-cat-container .icon-sitemap { +.move-cat-container .icon-folder-open, .move-cat-container .icon-sitemap.node-icon { display: inline-block; border-radius: 50%; font-size: 20px; diff --git a/language/en_UK/admin.lang.php b/language/en_UK/admin.lang.php index 72adf1270..aba01ed10 100644 --- a/language/en_UK/admin.lang.php +++ b/language/en_UK/admin.lang.php @@ -1328,4 +1328,5 @@ $lang['Visit history'] = 'Visit history'; $lang['Some photos are missing from your file system. Details provided by plugin Check Uploads'] = 'Some photos are missing from your file system. Details provided by plugin Check Uploads'; $lang['%d filtered users'] = '%d filtered users'; $lang['%d filtered user'] = '%d filtered user'; +$lang['%d lineage pictures'] = '%d lineage pictures'; // Leave this line empty diff --git a/language/fr_FR/admin.lang.php b/language/fr_FR/admin.lang.php index c0bddc2bd..4e0d8eca7 100644 --- a/language/fr_FR/admin.lang.php +++ b/language/fr_FR/admin.lang.php @@ -1328,4 +1328,5 @@ $lang['Visit history'] = 'Historique des visites'; $lang['Some photos are missing from your file system. Details provided by plugin Check Uploads'] = 'Des photos sont absentes de votre système de fichier. À contrôler avec le plugin Check Uploads.'; $lang['%d filtered users'] = '%d utilisateurs filtrés'; $lang['%d filtered user'] = '%d utilisateur filtré'; +$lang['%d lineage pictures'] = '%d images de lignée'; // Leave this line empty