expand author names and titles on hover in book list

pull/1/head
Andromeda Yelton 2013-04-29 12:19:00 -04:00
parent c5517df1c9
commit d8ebec9f67
2 changed files with 33 additions and 4 deletions

File diff suppressed because one or more lines are too long

View File

@ -11,10 +11,18 @@
/* rows in listview should alternate colors */
.row1 .book-list.listview {
background: #f6f9f9;
.book-name:hover {
background: #f6f9f9;
}
}
.row2 .book-list.listview {
background: #fff;
.book-name:hover {
background: #fff;
}
}
div.book-list.listview{
@ -24,7 +32,6 @@ div.book-list.listview{
.height(43px);
margin:0 5px 0 0;
padding:7px 0;
// overflow:hidden;
position: relative;
/* row is a container for divs with individual content elements */
@ -49,7 +56,7 @@ div.book-list.listview{
overflow: hidden;
.height(19px);
margin-bottom: 5px;
font-weight:bold;
font-weight:bold;
}
.listview.author {
@ -58,13 +65,35 @@ div.book-list.listview{
line-height:normal;
.height(19px);
}
&.listview:hover {
// allow titles and authors to expand onhover
overflow: visible;
z-index:100;
// z-index only works on positioned elements, so if you
// do not include this the absolutely positioned add-wishlist
// div stacks above it! crazytown.
position: relative;
width: auto;
min-width: 219px;
margin-top: -1px;
padding-right: 15px;
border: 1px solid @blue-grey;
.border-radius(0, 10px, 10px, 0);
border-left: none;
}
}
&.add-wishlist, &.remove-wishlist, &.on-wishlist, &.create-account, &.pledge {
margin-right: 10px;
padding-right: 10px;
width: 136px;
background:url("@{image-base}booklist/booklist-vline.png") right center no-repeat;
float: left;
// needed to prevent displacement when people hover over book-name
position: absolute;
left:282px;
span {
font-weight:normal;