mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-06-04 08:59:39 -04:00
Changes view-list styles.
This commit is contained in:
parent
7d2b1c1c30
commit
898d1a9b03
2 changed files with 23 additions and 13 deletions
|
@ -11,7 +11,7 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#view.view-details {
|
#view.view-details, #view.view-list {
|
||||||
.header .label, .item .label {
|
.header .label, .item .label {
|
||||||
margin-right: 110px;
|
margin-right: 110px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,18 +3,29 @@
|
||||||
|
|
||||||
li {
|
li {
|
||||||
|
|
||||||
|
&.header {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
&.item {
|
&.item {
|
||||||
|
|
||||||
a, a:active, a:visited {
|
a, a:active, a:visited {
|
||||||
height: 56px;
|
|
||||||
padding: 4px 0;
|
|
||||||
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: 60px;
|
||||||
|
|
||||||
&:hover, &.hover {
|
&:hover, &.hover {
|
||||||
border-color: @item-border-col-hover;
|
border-color: @item-border-col-hover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// needs to be here, to not conflict with header fields
|
||||||
|
.icon {
|
||||||
|
padding: 8px 6px;
|
||||||
|
}
|
||||||
|
.label, .date, .size {
|
||||||
|
padding: 18px 6px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.item + .item {
|
&.item + .item {
|
||||||
|
@ -24,29 +35,28 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon, .label, .date, .size {
|
|
||||||
padding: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon.big {
|
.icon.big {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 2px;
|
top: -2px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label {
|
.label {
|
||||||
margin: 0 0 0 106px;
|
margin: 0 270px 0 110px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date {
|
.date {
|
||||||
margin: 0 0 0 106px;
|
position: absolute;
|
||||||
|
right: 100px;
|
||||||
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.date, .size {
|
.size {
|
||||||
position: relative;
|
position: absolute;
|
||||||
top: -6px;
|
right: 0;
|
||||||
|
top: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue