twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-02-04 19:14:14 +00:00
Code Issues Projects Releases Wiki Activity

link following to profile pages; css fixes

Browse Source
This commit is contained in:
Msjoinder 2014-01-06 09:41:14 -06:00
parent 0f9571f0e1
commit 438767b214
4 changed files with 28 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/style.css
View File

@ -1335,6 +1335,7 @@ button.disabled:hover
} }
.following-modal .modal-content .following-modal .modal-content
{ {
padding: 15px;
overflow-y: auto; overflow-y: auto;
} }
.following-modal .modal-buttons .following-modal .modal-buttons
@ -1343,7 +1344,23 @@ button.disabled:hover
} }
.following-modal ol .following-modal ol
{ {
margin: 15px; margin: 5px;
}
.following-modal .open-profile-modal:hover
{
text-decoration: none;
}
.following-modal .open-profile-modal img
{
float: none;
}
.following-modal .open-profile-modal span
{
vertical-align: middle;
}
.following-modal .open-profile-modal span:hover
{
text-decoration: underline;
} }
/************************************* /*************************************
****************** LOADER ************ ****************** LOADER ************

4
following.html
View File

@ -401,8 +401,8 @@
<ol class="following-list"> <ol class="following-list">
<li id="following-by-user-template" style="display: none;"> <li id="following-by-user-template" style="display: none;">
<div class="mini-following-info" data-screen-name=""> <div class="mini-following-info" data-screen-name="">
<a href="#" class="open-following-modal"> <a href="#" class="open-profile-modal">
<img class="mini-following-photo" src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/> <img class="mini-profile-photo" src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/>
<span class="mini-following-name">Fulano da Silva</span> <span class="mini-following-name">Fulano da Silva</span>
<span class="mini-screen-name">@ <span class="mini-screen-name">@
<b class="following-screen-name"></b> <b class="following-screen-name"></b>

4
home.html
View File

@ -408,8 +408,8 @@
<ol class="following-list"> <ol class="following-list">
<li id="following-by-user-template" style="display: none;"> <li id="following-by-user-template" style="display: none;">
<div class="mini-following-info" data-screen-name=""> <div class="mini-following-info" data-screen-name="">
<a href="#" class="open-following-modal"> <a href="#" class="open-profile-modal">
<img class="mini-following-photo" src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/> <img class="mini-profile-photo" src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/>
<span class="mini-following-name">Fulano da Silva</span> <span class="mini-following-name">Fulano da Silva</span>
<span class="mini-screen-name">@ <span class="mini-screen-name">@
<b class="following-screen-name"></b> <b class="following-screen-name"></b>

9
twister_following.js
View File

@ -89,10 +89,13 @@ function loadFollowingIntoList( username, html_list ) {
html_list.html(""); html_list.html("");
$.each(following, function(i, following_user){ $.each(following, function(i, following_user){
var following_user_li = $( "#following-by-user-template" ).children().clone(true); var following_user_li = $( "#following-by-user-template" ).children().clone(true);
following_user_li.find(".mini-following-info").attr("data-screen-name", following_user);
following_user_li.find(".following-screen-name b").text(following_user); // link follower to profile page
$(following_user_li.children()[0]).attr("data-screen-name", following_user);
$(following_user_li.children()[0]).attr("href", $.MAL.userUrl(following_user));
getAvatar( following_user, following_user_li.find(".mini-following-photo") ); following_user_li.find(".following-screen-name b").text(following_user);
getAvatar( following_user, following_user_li.find(".mini-profile-photo") );
getFullname( following_user, following_user_li.find(".mini-following-name") ); getFullname( following_user, following_user_li.find(".mini-following-name") );
html_list.append( following_user_li ); html_list.append( following_user_li );