mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-27 13:34:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style updates.

Browse source
This commit is contained in:
Lars Jung 2014-11-22 01:51:12 +01:00
parent 4df73eb45c
commit 4765d31a0b
7 changed files with 27 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/_h5ai/client/css/inc/general.less
View file

@ -1,6 +1,7 @@
@col: rgb(85,85,85); @col: rgb(85,85,85);
@col-back: rgb(255,255,255); // @col-back: rgb(255,255,255);
@col-back: rgb(245,245,245);
@col-hover: rgb(29,119,194); @col-hover: rgb(29,119,194);
@col-border: rgba(0,0,0,0.05); @col-border: rgba(0,0,0,0.05);
@col-border-strong: rgba(0,0,0,0.15); @col-border-strong: rgba(0,0,0,0.15);

7
src/_h5ai/client/css/inc/view-details.less
View file

@ -6,11 +6,11 @@
&.item { &.item {
a, a:active, a:visited { a, a:active, a:visited {
height: @size + 6px; height: @size + 14px;
} }
.label, .date, .size { .label, .date, .size {
padding: ((@size - 16px)/2) 8px; padding: ((@size - 4px)/2) 8px;
} }
} }
@ -39,6 +39,7 @@
} }
&.item { &.item {
background: #fff;
a, a:active, a:visited { a, a:active, a:visited {
border-bottom: 1px solid @item-border-col-sep; border-bottom: 1px solid @item-border-col-sep;
@ -58,7 +59,7 @@
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: 0; left: 0;
top: -4px; top: -1px;
} }
.date { .date {

6
src/_h5ai/client/css/inc/view-grid.less
View file

@ -7,11 +7,11 @@
a, a:active, a:visited { a, a:active, a:visited {
width: @size + 182px; width: @size + 182px;
height: @size + 6px; height: @size + 14px;
} }
.label, .date, .size { .label, .date, .size {
padding: ((@size - 16px)/2) 8px; padding: ((@size - 4px)/2) 8px;
} }
} }
@ -38,6 +38,7 @@
&.item { &.item {
float: left; float: left;
margin: 2px; margin: 2px;
background: #fff;
a, a:active, a:visited { a, a:active, a:visited {
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
@ -57,7 +58,6 @@
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: 0; left: 0;
top: -4px;
} }
.label { .label {

20
src/_h5ai/client/css/inc/view-icons.less
View file

@ -6,10 +6,8 @@
&.item { &.item {
a, a:active, a:visited { a, a:active, a:visited {
// width: @size * 2;
// height: @size + 72px;
width: @size * 4/3; width: @size * 4/3;
height: @size + 22px; height: @size + 28px;
} }
} }
@ -20,11 +18,10 @@
width: @size; width: @size;
height: @size; height: @size;
} }
img.thumb {
width: auto; .thumb {
height: auto; width: @size * 4/3;
max-width: @size * 2; height: @size;
max-height: @size;
} }
} }
} }
@ -38,11 +35,10 @@
&.item { &.item {
float: left; float: left;
margin: 8px; margin: 2px;
a, a:active, a:visited { a, a:active, a:visited {
padding: 8px; padding: 8px;
min-width: 96px;
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
&:hover, &.hover { &:hover, &.hover {
@ -57,9 +53,7 @@
} }
.label { .label {
text-align: center; padding: 0 8px;
// word-wrap: break-word;
// white-space: normal;
} }
.date, .size { .date, .size {

14
src/_h5ai/client/css/inc/view.less
View file

@ -73,7 +73,8 @@
} }
&.item { &.item {
font-size: 15px; // font-size: 15px;
font-size: 13px;
a, a:active, a:visited { a, a:active, a:visited {
display: block; display: block;
@ -128,17 +129,18 @@
img { img {
vertical-align: top; vertical-align: top;
max-width: 64px;
} }
.thumb { .thumb {
box-shadow: 0 0 0 1px rgba(0,0,0,0.06); max-width: none;
} }
&.rational { &.rational {
.thumb { border-radius: 1px;
// padding: 2px; background: #fff;
// border-radius: 3px; overflow: hidden;
} box-shadow: 0 1px rgba(0,0,0,0.1), 1px 0 rgba(0,0,0,0.02), -1px 0 rgba(0,0,0,0.02);
} }
} }

2
src/_h5ai/client/js/inc/view/viewmode.js
View file

@ -23,7 +23,7 @@ modulejs.define('view/viewmode', ['_', '$', 'core/settings', 'core/resource', 'c
var $view = $('#view'); var $view = $('#view');
var itemWidth = ($view.hasClass('view-icons') || $view.hasClass('view-grid')) ? ($view.find('.item').eq(0).outerWidth(true) || 1) : 1; var itemWidth = ($view.hasClass('view-icons') || $view.hasClass('view-grid')) ? ($view.find('.item').eq(0).outerWidth(true) || 1) : 1;
$view.width(Math.floor(contentWidth / itemWidth) * itemWidth); $view.width(Math.floor(contentWidth / itemWidth) * itemWidth + 4);
} }
function update(mode, size) { function update(mode, size) {

4
src/_h5ai/conf/options.json
View file

@ -52,7 +52,7 @@ Options
"hideParentFolder": false, "hideParentFolder": false,
"modes": ["details", "grid", "icons"], "modes": ["details", "grid", "icons"],
"setParentFolderLabels": true, "setParentFolderLabels": true,
"sizes": [24, 32, 48, 64, 96, 128], "sizes": [24, 32, 48, 64, 96, 128, 192, 256, 384],
"smartBrowsing": true, "smartBrowsing": true,
"theme": "", "theme": "",
"unmanaged": ["index.html", "index.htm", "index.php"], "unmanaged": ["index.html", "index.htm", "index.php"],
@ -331,7 +331,7 @@ Options
"mov": ["vid-avi", "vid-flv", "vid-mkv", "vid-mov", "vid-mp4", "vid-mpg", "vid-webm"], "mov": ["vid-avi", "vid-flv", "vid-mkv", "vid-mov", "vid-mp4", "vid-mpg", "vid-webm"],
"doc": ["x-pdf", "x-ps"], "doc": ["x-pdf", "x-ps"],
"delay": 1, "delay": 1,
"size": 128, "size": 256,
"exif": true "exif": true
}, },