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

Clean view styles.

Browse source
This commit is contained in:
Lars Jung 2014-12-03 03:06:12 +01:00
parent 17b3f097b4
commit 2870906c09
3 changed files with 20 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -30,9 +30,11 @@
#view.view-details { #view.view-details {
.header { .header {
position: relative;
white-space: nowrap;
display: list-item; display: list-item;
background: #fafafa; background: #fafafa;
border-bottom: 1px solid rgba(0,0,0,0.065); border-bottom: 1px solid rgba(0,0,0,0.07);
a, a:active, a:visited { a, a:active, a:visited {
padding: 12px 8px; padding: 12px 8px;
@ -61,13 +63,10 @@
} }
.item { .item {
border-bottom: 1px solid rgba(0,0,0,0.065); border-bottom: 1px solid rgba(0,0,0,0.07);
a, a:active, a:visited { &:hover {
border-bottom: 1px solid rgba(0,0,0,0.09);
&:hover, &.hover {
border-color: @item-border-col-hover;
}
} }
// needs to be here, to not conflict with header fields // needs to be here, to not conflict with header fields
@ -81,6 +80,10 @@
position: absolute; position: absolute;
left: 16px; left: 16px;
top: -1px; top: -1px;
.thumb {
box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
}
} }
.date { .date {

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

@ -47,12 +47,6 @@
display: none; display: none;
} }
.empty, .no-match {
margin: 0 120px;
padding: 16px;
height: 120px;
}
.view-icons-sized(96px); .view-icons-sized(96px);
&.size-16, &.size-16,

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

@ -1,15 +1,12 @@
@item-border-col-sep: @col-border; @item-col-hover: @col-hover;
@item-background-col-hover: #fafafa; @item-background-col-hover: #fafafa;
@item-border-col-hover: @col-border; @item-border-col-hover: @col-border;
// @item-background-col-sel: rgba(0,0,0,0.02);
// @item-border-col-sel: @col-border-strong;
@item-col-sel: #fff; @item-col-sel: #fff;
@item-background-col-sel: #42A5F5; @item-background-col-sel: #42A5F5;
@item-border-col-sel: #2196F3;
#selection-rect { #selection-rect {
display: none; display: none;
@ -18,7 +15,7 @@
top: 0; top: 0;
z-index: 2; z-index: 2;
border: 1px dashed @col-border-strong; border: 1px dashed @col-border-strong;
background-color: rgba(0,0,0,0.01); background: rgba(0,0,0,0.01);
} }
@ -38,16 +35,13 @@
list-style: none; list-style: none;
} }
li {
position: relative;
white-space: nowrap;
}
.header { .header {
display: none; display: none;
} }
.item { .item {
position: relative;
white-space: nowrap;
background: #fff; background: #fff;
a, a:active, a:visited { a, a:active, a:visited {
@ -55,7 +49,7 @@
} }
&:hover, &.hover { &:hover, &.hover {
color: @col-hover; color: @item-col-hover;
background: @item-background-col-hover; background: @item-background-col-hover;
border-color: @item-border-col-hover; border-color: @item-border-col-hover;
} }
@ -67,19 +61,16 @@
} }
&.selected:not(.selecting), &.selecting:not(.selected) { &.selected:not(.selecting), &.selecting:not(.selected) {
background: @item-background-col-sel;
border-color: @item-border-col-sel;
color: @item-col-sel; color: @item-col-sel;
background: @item-background-col-sel;
&:hover, &.hover { &:hover, &.hover {
background: @item-background-col-sel;
border-color: @item-border-col-sel;
color: @item-col-sel; color: @item-col-sel;
background: @item-background-col-sel;
} }
.selector { .selector {
display: block; display: block;
// border-color: @col-border-stronger;
img { img {
display: block; display: block;
@ -157,14 +148,11 @@
} }
.empty, .no-match { .empty, .no-match {
margin: 50px 0; display: none;
margin-top: 36px;
text-align: center; text-align: center;
color: #ddd; color: #ddd;
font-size: 5em; font-size: 5em;
font-weight: bold; font-weight: bold;
} }
.no-match {
display: none;
}
} }