dice/impress
1
0
Fork 0
forked from OpenNeo/impress
Code Pull requests Activity

cleaner hover state for closet quantity

Browse source
This commit is contained in:
Emi Matchu 2011-07-15 19:39:20 -04:00
parent 99e59a2f9b
commit 3ac30bb6b1
3 changed files with 33 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/stylesheets/_layout.sass
View file

@ -167,13 +167,16 @@ ul.buttons
text-decoration: none text-decoration: none
img img
+opacity(0.75) +opacity(0.75)
&:hover img
+opacity(1)
img img
display: block display: block
height: $object-img-size height: $object-img-size
margin: 0 auto margin: 0 auto
width: $object-img-size width: $object-img-size
&:hover img, a:hover img
// behave in browsers that only respond to a:hover, but also be in the
// hover state more often for browsers who support div:hover
// (quantity form in user items)
+opacity(1)
.nc-icon, .closeted-icon .nc-icon, .closeted-icon
+opacity(1) +opacity(1)

4
app/stylesheets/closet_hangers/_index.sass
View file

@ -38,7 +38,9 @@ body.closet_hangers-index
.object:hover .object:hover
.quantity .quantity
+opacity(1) +opacity(1)
top: $object-img-size - 30px background: transparent
top: $object-img-size - 25px
padding: 0
span span
display: none display: none

48
public/stylesheets/compiled/screen.css
View file

@ -290,20 +290,20 @@ ul.buttons li, ul.buttons li form {
-khtml-opacity: 0.75; -khtml-opacity: 0.75;
} }
/* line 170, ../../../app/stylesheets/_layout.sass */ /* line 170, ../../../app/stylesheets/_layout.sass */
.object a:hover img {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 172, ../../../app/stylesheets/_layout.sass */
.object img { .object img {
display: block; display: block;
height: 80px; height: 80px;
margin: 0 auto; margin: 0 auto;
width: 80px; width: 80px;
} }
/* line 178, ../../../app/stylesheets/_layout.sass */ /* line 175, ../../../app/stylesheets/_layout.sass */
.object:hover img, .object a:hover img {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 181, ../../../app/stylesheets/_layout.sass */
.object .nc-icon, .object .closeted-icon { .object .nc-icon, .object .closeted-icon {
-moz-opacity: 1; -moz-opacity: 1;
-webkit-opacity: 1; -webkit-opacity: 1;
@ -314,33 +314,33 @@ ul.buttons li, ul.buttons li form {
top: 64px; top: 64px;
width: 16px; width: 16px;
} }
/* line 184, ../../../app/stylesheets/_layout.sass */ /* line 187, ../../../app/stylesheets/_layout.sass */
.object .nc-icon:hover, .object .closeted-icon:hover { .object .nc-icon:hover, .object .closeted-icon:hover {
-moz-opacity: 0.5; -moz-opacity: 0.5;
-webkit-opacity: 0.5; -webkit-opacity: 0.5;
-o-opacity: 0.5; -o-opacity: 0.5;
-khtml-opacity: 0.5; -khtml-opacity: 0.5;
} }
/* line 187, ../../../app/stylesheets/_layout.sass */ /* line 190, ../../../app/stylesheets/_layout.sass */
.object .nc-icon { .object .nc-icon {
right: 16px; right: 16px;
} }
/* line 190, ../../../app/stylesheets/_layout.sass */ /* line 193, ../../../app/stylesheets/_layout.sass */
.object .closeted-icon { .object .closeted-icon {
left: 16px; left: 16px;
} }
/* line 193, ../../../app/stylesheets/_layout.sass */ /* line 196, ../../../app/stylesheets/_layout.sass */
dt { dt {
font-weight: bold; font-weight: bold;
} }
/* line 196, ../../../app/stylesheets/_layout.sass */ /* line 199, ../../../app/stylesheets/_layout.sass */
dd { dd {
margin: 0 0 1.5em 1em; margin: 0 0 1.5em 1em;
} }
/* line 199, ../../../app/stylesheets/_layout.sass */ /* line 202, ../../../app/stylesheets/_layout.sass */
#home-link { #home-link {
font-family: Delicious, Helvetica, Arial, Verdana, sans-serif; font-family: Delicious, Helvetica, Arial, Verdana, sans-serif;
font-size: 175%; font-size: 175%;
@ -351,21 +351,21 @@ dd {
position: absolute; position: absolute;
top: 0; top: 0;
} }
/* line 209, ../../../app/stylesheets/_layout.sass */ /* line 212, ../../../app/stylesheets/_layout.sass */
#home-link:hover { #home-link:hover {
background: #eeffee; background: #eeffee;
text-decoration: none; text-decoration: none;
} }
/* line 212, ../../../app/stylesheets/_layout.sass */ /* line 215, ../../../app/stylesheets/_layout.sass */
#home-link span:before { #home-link span:before {
content: "<< "; content: "<< ";
} }
/* line 216, ../../../app/stylesheets/_layout.sass */ /* line 219, ../../../app/stylesheets/_layout.sass */
.pagination a, .pagination span { .pagination a, .pagination span {
margin: 0 0.5em; margin: 0 0.5em;
} }
/* line 218, ../../../app/stylesheets/_layout.sass */ /* line 221, ../../../app/stylesheets/_layout.sass */
.pagination .current { .pagination .current {
font-weight: bold; font-weight: bold;
} }
@ -629,22 +629,24 @@ body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity {
-webkit-opacity: 1; -webkit-opacity: 1;
-o-opacity: 1; -o-opacity: 1;
-khtml-opacity: 1; -khtml-opacity: 1;
top: 50px; background: transparent;
top: 55px;
padding: 0;
} }
/* line 43, ../../../app/stylesheets/closet_hangers/_index.sass */ /* line 45, ../../../app/stylesheets/closet_hangers/_index.sass */
body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity span { body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity span {
display: none; display: none;
} }
/* line 46, ../../../app/stylesheets/closet_hangers/_index.sass */ /* line 48, ../../../app/stylesheets/closet_hangers/_index.sass */
body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity form { body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity form {
display: inline; display: inline;
} }
/* line 49, ../../../app/stylesheets/closet_hangers/_index.sass */ /* line 51, ../../../app/stylesheets/closet_hangers/_index.sass */
body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity form input[type=number] { body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity form input[type=number] {
padding: 2px; padding: 2px;
width: 2em; width: 2em;
} }
/* line 53, ../../../app/stylesheets/closet_hangers/_index.sass */ /* line 55, ../../../app/stylesheets/closet_hangers/_index.sass */
body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity input[type=submit] { body.closet_hangers-index #closet-hangers.current-user .object:hover .quantity input[type=submit] {
font-size: 85%; font-size: 85%;
} }