mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-03-21 21:10:00 +01:00
Minor style changes.
This commit is contained in:
parent
17c6f18910
commit
9163996ac2
@ -8,23 +8,3 @@
|
||||
background-color: rgba(255,0,0,0.5);
|
||||
}
|
||||
}
|
||||
|
||||
#delete-auth {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
left: 0;
|
||||
top: 0;
|
||||
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
|
||||
border: 1px solid rgb(210,210,210);
|
||||
|
||||
input {
|
||||
display: block;
|
||||
margin: 4px 6px;
|
||||
border: 1px solid rgb(210,210,210);
|
||||
font-family: Ubuntu, sans-serif;
|
||||
color: #555;
|
||||
background-color: rgba(255,255,255,1);
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
@ -8,23 +8,3 @@
|
||||
background-color: rgba(255,0,0,0.5);
|
||||
}
|
||||
}
|
||||
|
||||
#download-auth {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
left: 0;
|
||||
top: 0;
|
||||
.vert-gradient(rgb(241,241,241), rgb(228,228,228));
|
||||
border: 1px solid rgb(210,210,210);
|
||||
|
||||
input {
|
||||
display: block;
|
||||
margin: 4px 6px;
|
||||
border: 1px solid rgb(210,210,210);
|
||||
font-family: Ubuntu, sans-serif;
|
||||
color: #555;
|
||||
background-color: rgba(255,255,255,1);
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
@ -10,12 +10,24 @@
|
||||
&.entry {
|
||||
|
||||
a, a:active, a:visited {
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
border-top: 1px solid @item-border-col-sep;
|
||||
border-bottom: 1px solid @item-border-col-sep;
|
||||
|
||||
&:hover, &.hover {
|
||||
border-color: @item-border-col-hover;
|
||||
}
|
||||
}
|
||||
|
||||
// needs to be here, to not conflict with header fields
|
||||
.icon, .label, .date, .size {
|
||||
padding: 6px;
|
||||
padding: 8px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&.entry + .entry {
|
||||
|
||||
a, a:active, a:visited {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -15,7 +15,7 @@
|
||||
border: 1px solid rgba(0,0,0,0);
|
||||
|
||||
&:hover, &.hover {
|
||||
border-color: #e8e8e8;
|
||||
border-color: @item-border-col-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -16,7 +16,7 @@
|
||||
border: 1px solid rgba(0,0,0,0);
|
||||
|
||||
&:hover, &.hover {
|
||||
border-color: #e8e8e8;
|
||||
border-color: @item-border-col-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -7,7 +7,20 @@
|
||||
|
||||
a, a:active, a:visited {
|
||||
height: 56px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
padding: 4px 0;
|
||||
border-top: 1px solid @item-border-col-sep;
|
||||
border-bottom: 1px solid @item-border-col-sep;
|
||||
|
||||
&:hover, &.hover {
|
||||
border-color: @item-border-col-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.entry + .entry {
|
||||
|
||||
a, a:active, a:visited {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
|
||||
@ -19,7 +32,7 @@
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -2px;
|
||||
top: 2px;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
|
@ -9,6 +9,13 @@
|
||||
background-color: rgba(240,100,0,0.2);
|
||||
}
|
||||
|
||||
@item-border-col-sep: #f2f2f2;
|
||||
// @item-border-col-sep: #e8e8e8;
|
||||
@item-background-col-hover: #f6f6f6;
|
||||
@item-border-col-hover: #f0f0f0;
|
||||
@item-background-col-sel: rgba(240,100,0,0.2);
|
||||
@item-border-col-sel: rgba(240,100,0,0.2);
|
||||
|
||||
#extended {
|
||||
display: none;
|
||||
margin: 0 auto;
|
||||
@ -67,8 +74,8 @@
|
||||
|
||||
&:hover, &.hover {
|
||||
color: #e80;
|
||||
background-color: #f6f6f6;
|
||||
border-color: #e8e8e8;
|
||||
background-color: @item-background-col-hover;
|
||||
border-color: @item-border-col-hover;
|
||||
}
|
||||
}
|
||||
|
||||
@ -76,12 +83,12 @@
|
||||
|
||||
a, a:active, a:visited {
|
||||
color: #000;
|
||||
border-color: rgba(240,100,0,0.2);
|
||||
background-color: rgba(240,100,0,0.2);
|
||||
background-color: @item-background-col-sel;
|
||||
border-color: @item-border-col-sel;
|
||||
|
||||
&:hover, &.hover {
|
||||
border-color: rgba(240,100,0,0.2);
|
||||
background-color: rgba(240,100,0,0.2);
|
||||
background-color: @item-background-col-sel;
|
||||
border-color: @item-border-col-sel;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -5,7 +5,7 @@
|
||||
input {
|
||||
display: none;
|
||||
border: none;
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-family: @font-family;
|
||||
color: #555;
|
||||
background-color: rgba(0,0,0,0);
|
||||
width: 100px;
|
||||
|
@ -1,10 +1,14 @@
|
||||
|
||||
@font-family: Ubuntu, sans-serif;
|
||||
@font-family-mono: "Ubuntu Mono", monospace;
|
||||
|
||||
|
||||
html { overflow-y: auto; }
|
||||
::-moz-selection { background: #68A9FF; color: #fff; text-shadow: none; }
|
||||
::selection { background: #68A9FF; color: #fff; text-shadow: none; }
|
||||
|
||||
body {
|
||||
font-family: Ubuntu, sans-serif;
|
||||
font-family: @font-family;
|
||||
font-size: 13px;
|
||||
color: #555;
|
||||
background-color: #fff;
|
||||
|
@ -1,6 +1,6 @@
|
||||
|
||||
body#h5ai-info {
|
||||
font-family: Ubuntu, Arial, sans;
|
||||
font-family: @font-family;
|
||||
margin: 2em auto 4em auto;
|
||||
font-size: 20px;
|
||||
color: #555;
|
||||
|
@ -40,7 +40,7 @@
|
||||
|
||||
td {
|
||||
vertical-align: top;
|
||||
font-family: "Ubuntu Mono";
|
||||
font-family: @font-family-mono;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em;
|
||||
color: #999;
|
||||
@ -57,7 +57,7 @@
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: "Ubuntu Mono";
|
||||
font-family: @font-family-mono;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
@ -132,7 +132,7 @@
|
||||
}
|
||||
|
||||
pre, code {
|
||||
font-family: "Ubuntu Mono", monospace;
|
||||
font-family: @font-family-mono;
|
||||
}
|
||||
code {
|
||||
color: #008200;
|
||||
|
@ -25,7 +25,6 @@ body {
|
||||
#extended.view-icons {
|
||||
padding: 0;
|
||||
border: none;
|
||||
// margin: 0 -14px;
|
||||
}
|
||||
#bottombar {
|
||||
.center {
|
||||
|
@ -1,5 +1,5 @@
|
||||
|
||||
modulejs.define('ext/dropbox', ['_', '$', 'core/settings', 'core/location', 'core/server'], function (_, $, allsettings, location, server) {
|
||||
modulejs.define('ext/dropbox', ['_', '$', 'core/settings', 'core/location', 'core/server', 'core/event'], function (_, $, allsettings, location, server, event) {
|
||||
|
||||
var settings = _.extend({
|
||||
enabled: false,
|
||||
@ -21,7 +21,8 @@ modulejs.define('ext/dropbox', ['_', '$', 'core/settings', 'core/location', 'cor
|
||||
return;
|
||||
}
|
||||
|
||||
var $content = $('#content').append(template);
|
||||
var $content = $('#content').append(template),
|
||||
data = {};
|
||||
|
||||
var uploads = {},
|
||||
afterUpload = function (err, file) {
|
||||
@ -41,73 +42,83 @@ modulejs.define('ext/dropbox', ['_', '$', 'core/settings', 'core/location', 'cor
|
||||
}
|
||||
};
|
||||
|
||||
$content.filedrop({
|
||||
event.sub('ready', function () {
|
||||
|
||||
paramname: 'userfile',
|
||||
$content.filedrop({
|
||||
|
||||
maxfiles: settings.maxfiles,
|
||||
maxfilesize: settings.maxfilesize,
|
||||
url: server.api,
|
||||
data: {
|
||||
paramname: 'userfile',
|
||||
|
||||
maxfiles: settings.maxfiles,
|
||||
maxfilesize: settings.maxfilesize,
|
||||
url: location.getAbsHref(),
|
||||
data: data,
|
||||
|
||||
docEnter: function () {
|
||||
|
||||
$content.addClass('hint');
|
||||
},
|
||||
|
||||
docLeave: function () {
|
||||
|
||||
$content.removeClass('hint');
|
||||
},
|
||||
|
||||
dragOver: function () {
|
||||
|
||||
$content.addClass('match');
|
||||
},
|
||||
|
||||
dragLeave: function () {
|
||||
|
||||
$content.removeClass('match');
|
||||
},
|
||||
|
||||
drop: function () {
|
||||
|
||||
$content.removeClass('hint match');
|
||||
},
|
||||
|
||||
|
||||
beforeEach: function (file) {
|
||||
|
||||
uploads[file.name] = $(uploadTemplate).appendTo('#uploads')
|
||||
.find('.name').text(file.name).end()
|
||||
.find('.size').text(file.size).end()
|
||||
.find('.progress .bar').css('width', 0).end();
|
||||
},
|
||||
|
||||
progressUpdated: function (i, file, progress) {
|
||||
|
||||
uploads[file.name].find('.progress .bar').css('width', '' + progress + '%');
|
||||
},
|
||||
|
||||
uploadFinished: function (i, file, response) {
|
||||
|
||||
afterUpload(response.code && response.msg, file);
|
||||
},
|
||||
|
||||
afterAll: function () {
|
||||
|
||||
location.refresh();
|
||||
},
|
||||
|
||||
error: function (err, file) {
|
||||
|
||||
afterUpload(err, file);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
event.sub('location.changed', function (item) {
|
||||
|
||||
$('#uploads').empty();
|
||||
data = {
|
||||
action: 'upload',
|
||||
href: location.getAbsHref()
|
||||
},
|
||||
|
||||
docEnter: function () {
|
||||
|
||||
$content.addClass('hint');
|
||||
},
|
||||
|
||||
docLeave: function () {
|
||||
|
||||
$content.removeClass('hint');
|
||||
},
|
||||
|
||||
dragOver: function () {
|
||||
|
||||
$content.addClass('match');
|
||||
},
|
||||
|
||||
dragLeave: function () {
|
||||
|
||||
$content.removeClass('match');
|
||||
},
|
||||
|
||||
drop: function () {
|
||||
|
||||
$content.removeClass('hint match');
|
||||
},
|
||||
|
||||
|
||||
beforeEach: function (file) {
|
||||
|
||||
uploads[file.name] = $(uploadTemplate).appendTo('#uploads')
|
||||
.find('.name').text(file.name).end()
|
||||
.find('.size').text(file.size).end()
|
||||
.find('.progress .bar').css('width', 0).end();
|
||||
},
|
||||
|
||||
progressUpdated: function (i, file, progress) {
|
||||
|
||||
uploads[file.name].find('.progress .bar').css('width', '' + progress + '%');
|
||||
},
|
||||
|
||||
uploadFinished: function (i, file, response) {
|
||||
|
||||
afterUpload(response.code && response.msg, file);
|
||||
},
|
||||
|
||||
afterAll: function () {
|
||||
|
||||
location.refresh();
|
||||
},
|
||||
|
||||
error: function (err, file) {
|
||||
|
||||
afterUpload(err, file);
|
||||
}
|
||||
href: item.absHref
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
init();
|
||||
// disabled while broken
|
||||
// init();
|
||||
});
|
||||
|
@ -80,7 +80,7 @@ Options
|
||||
Allow file deletion.
|
||||
*/
|
||||
"delete": {
|
||||
"enabled": false
|
||||
"enabled": true
|
||||
},
|
||||
|
||||
/* [EXPERIMENTAL]
|
||||
@ -91,7 +91,7 @@ Options
|
||||
- maxfilesize: number, file size is in MB
|
||||
*/
|
||||
"dropbox": {
|
||||
"enabled": false,
|
||||
"enabled": true,
|
||||
"maxfiles": 10,
|
||||
"maxfilesize": 1000
|
||||
},
|
||||
|
Loading…
x
Reference in New Issue
Block a user