Improves selectors.

This commit is contained in:
Lars Jung 2013-09-03 16:12:31 +02:00
parent ad845dbe66
commit 66e9dafaa5
6 changed files with 50 additions and 67 deletions

View file

@ -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 {