add title to service icons. yay. [ci skip]

This commit is contained in:
danielgrippi 2012-05-08 18:28:31 -07:00
parent 5d92d2464b
commit f053b71c87
3 changed files with 7 additions and 9 deletions

View file

@ -6,6 +6,8 @@ app.views.ServicesSelector = app.views.Base.extend({
"click label" : "askForAuth"
},
tooltipSelector : "img",
services : [
'facebook',
'twitter',
@ -25,4 +27,4 @@ app.views.ServicesSelector = app.views.Base.extend({
window.open(serviceUrl, 'popup', 'height=400,width=500')
}
});
});

View file

@ -423,12 +423,6 @@ div[data-template=flow] {
width : 28px;
}
input + label {
&:hover img {
@include box-shadow(0, 0, 10px, rgba(255,255,255,0.6))
}
}
input:not(:checked) + label {
img {
@include opacity(0.4);

View file

@ -1,8 +1,10 @@
<!--*CSS MAGIC* CHECKBOX IS HIDDEN AND IS CHECKED BY CLICKING THE LABEL, CHANGE THIS AT YOUR OWN PERIL, RUN JASMINE AFTER-->
<div class="magic-service-selector">
{{#each services}}
<input id="service_toggle_{{this}}" type="checkbox" name="services" class="service" value="{{this}}" />
<label for="service_toggle_{{this}}"><img class="legacy-provider-image" src="/assets/social_media_logos/{{this}}-32x32.png" data-provider="{{this}}" data-url="/auth/{{this}}" /></label>
<input id="service_toggle_{{this}}" type="checkbox" name="services" class="service" value="{{this}}"/>
<label for="service_toggle_{{this}}">
<img class="legacy-provider-image" src="/assets/social_media_logos/{{this}}-32x32.png" data-provider="{{this}}" data-url="/auth/{{this}}" title="Share on {{this}}" />
</label>
{{/each}}
</div>