q3aql/webui-aria2
q3aql/webui-aria2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed collapsing navigation menus on mobile devices

Browse Source
This commit is contained in:
Brad Christensen 2015-03-22 12:15:07 +13:00
parent 8a0ce2c2a3
commit 82f27ea11c
2 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@ -39,11 +39,6 @@ input[type=checkbox], input[type=radio] {
.modal { .modal {
position: absolute; position: absolute;
} }
@media (min-width: 980px) {
body {
padding-top: 60px;
}
}
.download-graph { .download-graph {
font-size: x-small; font-size: x-small;

6
index.html
View File

@ -73,7 +73,7 @@
<body ng-controller="MainCtrl"> <body ng-controller="MainCtrl">
<!-- {{{ header --> <!-- {{{ header -->
<div class="navbar navbar-inverse navbar-fixed-top" ng-controller="NavCtrl"> <div class="navbar navbar-inverse navbar-static-top" ng-controller="NavCtrl">
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" ng-click="collapsed = !collapsed"> <button type="button" class="navbar-toggle collapsed" ng-click="collapsed = !collapsed">
@ -92,7 +92,7 @@
</form> </form>
<!-- {{{ Nav menu --> <!-- {{{ Nav menu -->
<div class="collapse navbar-collapse" ng-collapse="collapsed"> <div class="collapse navbar-collapse" collapse="collapsed">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="dropdown" dropdown> <li class="dropdown" dropdown>
<a class="dropdown-toggle" href="#" dropdown-toggle> <a class="dropdown-toggle" href="#" dropdown-toggle>
@ -332,7 +332,7 @@
<div ng-class="{'col-md-9': enable.sidebar.show, 'col-md-12': !enable.sidebar.show }"> <div ng-class="{'col-md-9': enable.sidebar.show, 'col-md-12': !enable.sidebar.show }">
<!-- {{{ downloads --> <!-- {{{ downloads -->
<!-- Bug?? <div ng-show="!totalAria2Downloads() && totalAria2Downloads() > getDownloads()" class="hero-unit">--> <!-- Bug?? <div ng-show="!totalAria2Downloads() && totalAria2Downloads() > getDownloads()" class="hero-unit">-->
<div ng-show="!totalAria2Downloads()" class="hero-unit"> <div ng-show="!totalAria2Downloads()" class="jumbotron">
Currently no download in line to display, use the '<strong>Add</strong>' download button to start downloading files! Currently no download in line to display, use the '<strong>Add</strong>' download button to start downloading files!
</div> </div>