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 {
.header {
position: relative;
white-space: nowrap;
display: list-item;
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 {
padding: 12px 8px;
@ -61,13 +63,10 @@
}
.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, &.hover {
border-color: @item-border-col-hover;
}
&:hover {
border-bottom: 1px solid rgba(0,0,0,0.09);
}
// needs to be here, to not conflict with header fields
@ -81,6 +80,10 @@
position: absolute;
left: 16px;
top: -1px;
.thumb {
box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
}
}
.date {

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

@ -47,12 +47,6 @@
display: none;
}
.empty, .no-match {
margin: 0 120px;
padding: 16px;
height: 120px;
}
.view-icons-sized(96px);
&.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-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-background-col-sel: #42A5F5;
@item-border-col-sel: #2196F3;
#selection-rect {
display: none;
@ -18,7 +15,7 @@
top: 0;
z-index: 2;
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;
}
li {
position: relative;
white-space: nowrap;
}
.header {
display: none;
}
.item {
position: relative;
white-space: nowrap;
background: #fff;
a, a:active, a:visited {
@ -55,7 +49,7 @@
}
&:hover, &.hover {
color: @col-hover;
color: @item-col-hover;
background: @item-background-col-hover;
border-color: @item-border-col-hover;
}
@ -67,19 +61,16 @@
}
&.selected:not(.selecting), &.selecting:not(.selected) {
background: @item-background-col-sel;
border-color: @item-border-col-sel;
color: @item-col-sel;
background: @item-background-col-sel;
&:hover, &.hover {
background: @item-background-col-sel;
border-color: @item-border-col-sel;
color: @item-col-sel;
background: @item-background-col-sel;
}
.selector {
display: block;
// border-color: @col-border-stronger;
img {
display: block;
@ -157,14 +148,11 @@
}
.empty, .no-match {
margin: 50px 0;
display: none;
margin-top: 36px;
text-align: center;
color: #ddd;
font-size: 5em;
font-weight: bold;
}
.no-match {
display: none;
}
}