Make layout full-width responsive

2025-12-27 15:41:17 +09:00
parent 9dbf273304
commit a9d35c63a5
3 changed files with 40 additions and 15 deletions
--- a/js/bestpic.js
+++ b/js/bestpic.js
@@ -29,7 +29,8 @@ function onLoad() {

    function initGallery() {
        // We only want these styles applied when javascript is enabled
-        $('div.navigation').css({'width' : '300px', 'float' : 'left'});
+        // Layout is now handled by CSS (flex). Keep JS from forcing a fixed width.
+        $('div.navigation').css({'width' : '', 'float' : ''});
        $('div.content').css('display', 'block');

        // Initially set opacity on thumbs and add additional styling for hover effect on thumbs