add bootstrap tooltips for great justice (and clarity) [ci skip]
This commit is contained in:
parent
889b86f9cb
commit
7f4af0359f
8 changed files with 24 additions and 15 deletions
|
|
@ -15,6 +15,8 @@ app.pages.Profile = app.views.Base.extend({
|
|||
"click #edit-mode-toggle" : "toggleEdit"
|
||||
},
|
||||
|
||||
tooltipSelector : "*[rel=tooltip]",
|
||||
|
||||
personGUID : null,
|
||||
editMode : false,
|
||||
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
app.views.ProfileInfo = app.views.Base.extend({
|
||||
templateName : "profile-info",
|
||||
|
||||
tooltipSelector : "*[rel=tooltip]",
|
||||
|
||||
initialize : function(){
|
||||
this.model.bind("change", this.render, this) //this should go on profile info view when it gets Extracted
|
||||
}
|
||||
|
|
|
|||
|
|
@ -147,15 +147,19 @@ body {
|
|||
width : 29px;
|
||||
}
|
||||
|
||||
.timestamp,
|
||||
.permalink {
|
||||
margin : 1px 7px;
|
||||
}
|
||||
|
||||
.timestamp {
|
||||
float : left;
|
||||
margin-top : 2px;
|
||||
}
|
||||
|
||||
.permalink {
|
||||
cursor : pointer;
|
||||
position : absolute;
|
||||
right : 10px;
|
||||
margin-top : 2px;
|
||||
|
||||
&:hover {
|
||||
background-color : #ddd;
|
||||
}
|
||||
float : right;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,6 @@
|
|||
</span>
|
||||
</a>
|
||||
|
||||
|
||||
<div id="post-content"> </div>
|
||||
<div id="post-nav"> </div>
|
||||
<div id="post-interactions"> </div>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
{{#if isOwnProfile}}
|
||||
<span class="divider">•</span>
|
||||
<a href="/profile/edit" title="Edit Profile" style="margin-left:2px;">
|
||||
<a href="/profile/edit" title="Edit Profile" rel="tooltip" style="margin-left:2px;">
|
||||
<i class="icon-cog"></i>
|
||||
</a>
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -15,11 +15,11 @@
|
|||
|
||||
<section id="profile-controls">
|
||||
{{#if isOwnProfile}}
|
||||
<a href="#composer" title="New Post" class="control small" rel="facebox">
|
||||
<img src='{{imageUrl "buttons/pub@2x.png"}}' />
|
||||
<a href="#composer" class="control small" rel="facebox">
|
||||
<img src='{{imageUrl "buttons/pub@2x.png"}}' title="New Post" rel="tooltip"/>
|
||||
</a>
|
||||
<a href="#" title="Edit Layout" id="edit-mode-toggle" class="control small">
|
||||
<img src='{{imageUrl "buttons/edit@2x.png"}}' />
|
||||
<a href="#" id="edit-mode-toggle" class="control small">
|
||||
<img src='{{imageUrl "buttons/edit@2x.png"}}' title="Edit Posts" rel="tooltip"/>
|
||||
</a>
|
||||
{{/if}}
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -35,11 +35,13 @@
|
|||
{{/linkToPerson}}
|
||||
{{/if}}
|
||||
|
||||
<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-heart"></i> {{likes_count}}
|
||||
<i class="icon-retweet"></i> {{reshares_count}}
|
||||
<i class="icon-comment"></i> {{comments_count}}
|
||||
|
||||
<i class="icon-share permalink"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ describe("app.pages.Profile", function(){
|
|||
// will fix this in the next commit.
|
||||
// spyOn(this.page, "isOwnProfile").andReturn(false)
|
||||
// this.page.render()
|
||||
// expect(this.page.$("#profile-controls .control").length).toBe(1)
|
||||
// expect(this.page.$("#follow .control").length).toBe(1)
|
||||
})
|
||||
})
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue