Fijxu/h5ai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updates.

Browse source
This commit is contained in:
Lars Jung 2013-08-29 03:15:31 +02:00
parent 24b4f4ce8a
commit e3d19a9175
6 changed files with 22 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -12,7 +12,7 @@
a, a:active, a:visited { a, a:active, a:visited {
border-top: 1px solid @item-border-col-sep; border-top: 1px solid @item-border-col-sep;
border-bottom: 1px solid @item-border-col-sep; border-bottom: 1px solid @item-border-col-sep;
height: @small-icon-size + 6px; height: @icon-size + 6px;
&:hover, &.hover { &:hover, &.hover {
border-color: @item-border-col-hover; border-color: @item-border-col-hover;
@ -24,7 +24,7 @@
padding: 8px; padding: 8px;
} }
.label, .date, .size { .label, .date, .size {
padding: ((@small-icon-size - 16px)/2) 8px; padding: ((@icon-size - 16px)/2) 8px;
} }
} }
@ -40,16 +40,16 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: -5px; top: -5px;
width: @small-icon-size; width: @icon-size;
img { img {
width: @small-icon-size; width: @icon-size;
height: @small-icon-size; height: @icon-size;
} }
} }
.label { .label {
margin: 0 230px 0 (@small-icon-size + 16px); margin: 0 230px 0 (@icon-size + 16px);
} }
.date { .date {

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

@ -9,8 +9,8 @@
a, a:active, a:visited { a, a:active, a:visited {
float: left; float: left;
margin: 2px; margin: 2px;
width: @small-icon-size + 186px; width: @icon-size + 186px;
height: @small-icon-size + 6px; height: @icon-size + 6px;
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
&:hover, &.hover { &:hover, &.hover {
@ -23,7 +23,7 @@
padding: 8px; padding: 8px;
} }
.label, .date, .size { .label, .date, .size {
padding: ((@small-icon-size - 16px)/2) 8px; padding: ((@icon-size - 16px)/2) 8px;
} }
} }
@ -32,17 +32,17 @@
position: absolute; position: absolute;
left: 0; left: 0;
top: -2px; top: -2px;
width: @small-icon-size; width: @icon-size;
img { img {
width: @small-icon-size; width: @icon-size;
height: @small-icon-size; height: @icon-size;
} }
} }
.label { .label {
display: block; display: block;
margin: 0 0 0 (@small-icon-size + 8px); margin: 0 0 0 (@icon-size + 8px);
} }
.date, .size { .date, .size {

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

@ -11,8 +11,9 @@
float: left; float: left;
margin: 8px; margin: 8px;
padding: 8px; padding: 8px;
width: @big-icon-size * 2; min-width: 96px;
height: @big-icon-size + 72px; width: @icon-size * 2;
height: @icon-size + 72px;
border: 1px solid rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0);
&:hover, &.hover { &:hover, &.hover {
@ -23,12 +24,12 @@
.icon.rational { .icon.rational {
display: block; display: block;
height: @big-icon-size; height: @icon-size;
margin-bottom: 6px; margin-bottom: 6px;
img { img {
max-width: @big-icon-size * 2; max-width: @icon-size * 2;
max-height: @big-icon-size; max-height: @icon-size;
} }
} }

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

@ -56,8 +56,7 @@
@item-background-col-sel: rgba(0,0,0,0.02); @item-background-col-sel: rgba(0,0,0,0.02);
@item-border-col-sel: @col-border-strong; @item-border-col-sel: @col-border-strong;
@small-icon-size: 32px; @icon-size: 48px;
@big-icon-size: 48px;
#view { #view {

11
src/_h5ai/client/images/view-list.svg
View file

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="16"
height="16"
>
<rect x="3" y="4" width="10" height="3" style="fill:#555555" />
<rect x="3" y="10" width="10" height="3" style="fill:#555555" />
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 277 B

4
src/_h5ai/client/js/inc/view/spacing.js
View file

@ -4,9 +4,9 @@ modulejs.define('view/spacing', ['_', '$', 'core/settings', 'core/event'], funct
var settings = _.extend({ var settings = _.extend({
maxWidth: 960, maxWidth: 960,
top: 50, top: 50,
right: "auto", right: 'auto',
bottom: 50, bottom: 50,
left: "auto" left: 'auto'
}, allsettings.spacing), }, allsettings.spacing),
adjustSpacing = function () { adjustSpacing = function () {