mirror of
https://github.com/lrsjng/h5ai.git
synced 2025-06-04 17:03:41 -04:00
Improves selectors.
This commit is contained in:
parent
ad845dbe66
commit
66e9dafaa5
6 changed files with 50 additions and 67 deletions
|
@ -21,47 +21,6 @@
|
|||
background-color: rgba(0,0,0,0.01);
|
||||
}
|
||||
|
||||
#selector {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
margin-top: -3px;
|
||||
margin-left: -3px;
|
||||
background-color: #f8f8f8;
|
||||
border: 1px solid rgba(0,0,0,0.3);
|
||||
border-radius: 3px;
|
||||
opacity: 0.6;
|
||||
cursor: pointer;
|
||||
.transition(all 0.2s ease-in-out);
|
||||
|
||||
.on-selected, .on-not-selected {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.item.selected {
|
||||
#selector {
|
||||
.on-not-selected {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
.item:not(.selected) {
|
||||
#selector {
|
||||
.on-selected {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#view {
|
||||
display: none;
|
||||
|
@ -124,6 +83,10 @@
|
|||
color: @col-hover;
|
||||
background-color: @item-background-col-hover;
|
||||
border-color: @item-border-col-hover;
|
||||
|
||||
.selector {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -138,6 +101,15 @@
|
|||
border-color: @item-border-col-sel;
|
||||
}
|
||||
}
|
||||
|
||||
.selector {
|
||||
display: block;
|
||||
// border-color: @col-border-stronger;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -194,6 +166,29 @@
|
|||
text-align: right;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.selector {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background-color: #fff;
|
||||
border: 1px solid @col-border-strong;
|
||||
cursor: pointer;
|
||||
.transition(all 0.2s ease-in-out);
|
||||
|
||||
&:hover {
|
||||
border-color: @col-border-stronger;
|
||||
}
|
||||
|
||||
img {
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.empty, .no-match {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue