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

Updated Interface and fixes #249

Browse Source
This commit is contained in:
Pratik Borsadiya 2016-09-19 20:21:05 +05:30
parent d8015e12f8
commit 5160ee5fe7
4 changed files with 50 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
css/bootstrap.css vendored
View File

@ -1086,8 +1086,8 @@ html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
body { body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: sans-serif;
font-size: 14px; font-size: 16px;
line-height: 1.42857143; line-height: 1.42857143;
color: #333; color: #333;
background-color: #fff; background-color: #fff;
@ -3438,7 +3438,7 @@ tbody.collapse.in {
min-width: 160px; min-width: 160px;
padding: 5px 0; padding: 5px 0;
margin: 2px 0 0; margin: 2px 0 0;
font-size: 14px; font-size: 16px;
text-align: left; text-align: left;
list-style: none; list-style: none;
background-color: #fff; background-color: #fff;

6
css/download.css
View File

@ -5,7 +5,7 @@
} }
.download .title { .download .title {
padding: 5px; padding: 5px 0;
} }
.download .progress { .download .progress {
@ -29,6 +29,9 @@
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
padding: 4px 5px; padding: 4px 5px;
background-color: #fff;
margin-bottom: 20px;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
} }
/* fix table layout to break words */ /* fix table layout to break words */
@ -72,7 +75,6 @@
.download-controls .btn-group { .download-controls .btn-group {
float: right; float: right;
height: 28px;
} }
.download-controls > .btn-group { .download-controls > .btn-group {
margin-right: 5px; margin-right: 5px;

38
css/style.css
View File

@ -1,5 +1,10 @@
@import 'https://fonts.googleapis.com/css?family=Lato:400,700';
body { body {
font-family: 'Lato', sans-serif;
overflow-y: scroll; overflow-y: scroll;
background-color: #f5f5f5;
padding-bottom: 5em;
} }
input[type=checkbox], input[type=radio] { input[type=checkbox], input[type=radio] {
@ -77,3 +82,36 @@ input[type=checkbox], input[type=radio] {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase; text-transform: uppercase;
} }
.main-navbar {
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
background-color: #00897B;
border-color: #00897B;
}
.main-navbar .navbar-brand {
color: #fff;
}
.main-navbar .nav > li > a {
color: #fff;
transition: background-color 0.3s ease-in-out;
}
.main-navbar .navbar-toggle .icon-bar {
background-color: #fff;
}
.main-navbar.nav .open > a,
.main-navbar.nav .open > a:hover,
.main-navbar.nav .open > a:focus,
.main-navbar .nav > li > a:focus,
.main-navbar .nav > li > a:hover {
background-color: rgba(0,0,0,0.2);
}
.sidebar-nav {
margin-bottom: 30px;
background-color: #fff;
padding: 10px 20px 20px;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
}

13
index.html
View File

@ -88,10 +88,10 @@
</head> </head>
<!-- }}} --> <!-- }}} -->
<body ng-controller="MainCtrl"> <body ng-controller="MainCtrl" ng-cloak>
<!-- {{{ header --> <!-- {{{ header -->
<div class="navbar navbar-inverse navbar-static-top" ng-controller="NavCtrl"> <div class="navbar main-navbar 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">
@ -305,7 +305,7 @@
<div class="row-fluid"> <div class="row-fluid">
<div ng-class="{'col-md-3': enable.sidebar.show}" ng-show="enable.sidebar.show"> <div ng-class="{'col-md-3': enable.sidebar.show}" ng-show="enable.sidebar.show">
<!-- {{{ nav side bar --> <!-- {{{ nav side bar -->
<div class="well sidebar-nav"> <div class="sidebar-nav">
<!-- {{{ global statistics --> <!-- {{{ global statistics -->
<ul class="nav nav-list" ng-if="enable.sidebar.stats"> <ul class="nav nav-list" ng-if="enable.sidebar.stats">
@ -428,7 +428,7 @@
<div <div
ng-repeat="download in getDownloads()" ng-repeat="download in getDownloads()"
class="row-fluid download well" data-gid="{{download.gid}}" class="row-fluid download" data-gid="{{download.gid}}"
ng-click="toggleCollapsed(download)"> ng-click="toggleCollapsed(download)">
<div class="download-name download-item download-controls"> <div class="download-name download-item download-controls">
<!-- {{{ download control buttons --> <!-- {{{ download control buttons -->
@ -521,7 +521,7 @@
{{download.name}} {{download.name}}
</div> </div>
</div> </div>
<div class="download-overview download-item" ng-switch="download.status"> <div class="download-overview download-item clearfix" ng-switch="download.status">
<!-- {{{ statistics --> <!-- {{{ statistics -->
<ul class="stats pull-left" ng-switch-when="active"> <ul class="stats pull-left" ng-switch-when="active">
<!-- {{{ active download statistics --> <!-- {{{ active download statistics -->
@ -1165,8 +1165,5 @@ http://ex1.com/f2.mp4 http://ex2.com/f2.mp4 --out=file2.mp4
</div> </div>
<!-- }}} --> <!-- }}} -->
<!-- Bottom Padding -->
<br /><br /><br /><br /><br />
</body> </body>
</html> </html>