nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

use zoom-in / zoom-out cursors to signify favoriting [ci skip]

Browse source
This commit is contained in:
danielgrippi 2012-05-02 21:02:10 -07:00
parent ab99154a1a
commit 1b92fe7e7f
2 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
app/assets/stylesheets/new_styles/_canvas.scss
View file

@ -14,6 +14,18 @@ body {
float : left; float : left;
margin : 10px; margin : 10px;
/* expand / contract cursor declarations */
&.x2 .content {
cursor : nw-resize;
cursor : -moz-zoom-out;
cursor : -webkit-zoom-out;
}
.content {
cursor : nwse-resize;
cursor : -moz-zoom-in;
cursor : -webkit-zoom-in;
}
.content { .content {
@include transition(box-shadow); @include transition(box-shadow);
@include box-shadow(0,1px,3px,rgba(0,0,0,0.2)); @include box-shadow(0,1px,3px,rgba(0,0,0,0.2));
@ -26,8 +38,6 @@ body {
.info { .info {
top : 0; top : 0;
} }
cursor : pointer;
} }
&:active { &:active {
@ -65,7 +75,6 @@ body {
} }
.embed-frame { .embed-frame {
.thumb { .thumb {
position : relative; position : relative;
} }
@ -107,14 +116,6 @@ body {
background-image : image_url('buttons/delete_hover.png'); background-image : image_url('buttons/delete_hover.png');
} }
} }
.fav {
background-image : image_url('buttons/star_not_faved.png');
&.faved, &:hover {
background-image : image_url('buttons/star_faved.png');
}
}
} }
.info { .info {
@ -122,6 +123,8 @@ body {
@include box-shadow(0,1px,3px,rgba(0,0,0,0.3)); @include box-shadow(0,1px,3px,rgba(0,0,0,0.3));
@include opacity(0.8); @include opacity(0.8);
cursor : pointer;
background-color : rgba(255,255,255,0.8); background-color : rgba(255,255,255,0.8);
border-bottom : 1px solid #fff; border-bottom : 1px solid #fff;

2
app/assets/templates/small-frame.jst.hbs
View file

@ -36,7 +36,7 @@
{{/if}} {{/if}}
<i class="icon-time timestamp" title="{{created_at}}" rel="tooltip"></i> <i class="icon-time timestamp" title="{{created_at}}" rel="tooltip"></i>
<i class="icon-share permalink" title="View Post" rel="tooltip"></i> <i class="icon-chevron-right permalink" title="View Post" rel="tooltip"></i>
<i class="icon-heart"></i> {{likes_count}} <i class="icon-heart"></i> {{likes_count}}
<i class="icon-retweet"></i> {{reshares_count}} <i class="icon-retweet"></i> {{reshares_count}}