View | Details | Raw Unified | Return to bug 30179
Collapse All | Expand All

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss (+8 lines)
Lines 408-413 Link Here
408
            margin: 0 2px;
408
            margin: 0 2px;
409
        }
409
        }
410
    }
410
    }
411
412
    #moresearches {
413
        display: none;
414
    }
415
416
    #moresearches-mobile {
417
        display: block !important;
418
    }
411
}
419
}
412
420
413
@media only screen and ( max-width: 991px ) {
421
@media only screen and ( max-width: 991px ) {
(-)a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss (+36 lines)
Lines 389-394 th { Link Here
389
    }
389
    }
390
}
390
}
391
391
392
#moresearches-mobile {
393
    color: #fff;
394
395
    .topnav {
396
        position: relative;
397
398
        #mobile-links {
399
            display: none;
400
        }
401
402
        a {
403
            color: #000;
404
            padding: 14px 16px;
405
            text-decoration: none;
406
            display: block;
407
408
            &:hover {
409
                background-color: #e9ecef;
410
            }
411
        }
412
413
        .icon {
414
            color: #000;
415
            display: block;
416
            position: absolute;
417
            right: 0;
418
            top: 0;
419
        }
420
    }
421
422
    .mobile_active {
423
        color: white;
424
        height: 50px;
425
    }
426
}
427
392
#news {
428
#news {
393
    margin: .5em 0;
429
    margin: .5em 0;
394
    padding: 1em;
430
    padding: 1em;
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc (+9 lines)
Lines 140-145 Link Here
140
            [% END # IF opacuserlogin || EnableOpacSearchHistory || opaclanguagesdisplay %]
140
            [% END # IF opacuserlogin || EnableOpacSearchHistory || opaclanguagesdisplay %]
141
        </nav> <!-- /navbar -->
141
        </nav> <!-- /navbar -->
142
142
143
        <div id="moresearches-mobile" class="container-fluid" style="display: none;">
144
            <div class="topnav">
145
                <div href="#home" class="mobile_active"></div>
146
                <div id="mobile-links"></div>
147
                <a class="icon" onclick="openMoreSearches()"> <i class="fa fa-bars"></i> </a>
148
            </div>
149
        </div>
150
143
        [% IF ( OpacHeader ) %]
151
        [% IF ( OpacHeader ) %]
144
            <div class="container-fluid">
152
            <div class="container-fluid">
145
                <div class="row">
153
                <div class="row">
Lines 355-360 Link Here
355
                    </li>
363
                    </li>
356
                    [% PROCESS koha_news_block news => OpacMoreSearches %]
364
                    [% PROCESS koha_news_block news => OpacMoreSearches %]
357
                </ul> <!-- /.nav#moresearches -->
365
                </ul> <!-- /.nav#moresearches -->
366
358
            </div> <!-- /.row -->
367
            </div> <!-- /.row -->
359
        </div> <!-- /.container-fluid -->
368
        </div> <!-- /.container-fluid -->
360
    [% END # / OpacPublic %]
369
    [% END # / OpacPublic %]
(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/opac-bottom.inc (-1 / +16 lines)
Lines 291-297 $(document).ready(function() { Link Here
291
        });
291
        });
292
    }
292
    }
293
});
293
});
294
295
$('#moresearches li').each( function() {
296
    $('#mobile-links').append( $(this).clone() );
297
});
298
299
function openMoreSearches() {
300
  var x = document.getElementById("mobile-links");
301
  if (x.style.display === "block") {
302
    x.style.display = "none";
303
  } else {
304
    x.style.display = "block";
305
  }
306
}
294
</script>
307
</script>
308
309
310
295
[% PROCESS jsinclude %]
311
[% PROCESS jsinclude %]
296
[% IF ( Koha.Preference('OPACUserJS') ) %]
312
[% IF ( Koha.Preference('OPACUserJS') ) %]
297
    <script>
313
    <script>
298
- 

Return to bug 30179