Browse Source

fixing some UI issues

- overlaying issue of tox and bitmessage fields
- hovering 'retransmit' and 'reply' links at indented replies
master
erqan 11 years ago
parent
commit
711e568c0a
  1. 3
      css/profile.css
  2. 2
      css/style.css
  3. 4
      following.html
  4. 4
      home.html
  5. 12
      js/mobile_abstract.js
  6. 2
      js/twister_actions.js
  7. 3
      theme_calm/css/profile.css
  8. 2
      theme_calm/css/style.css

3
css/profile.css

@ -193,9 +193,10 @@ @@ -193,9 +193,10 @@
margin-top: 20px;
height: 30px;
}
#toxbtnwr, #bmbtnwr {
.profile-extra-contact {
float: left;
display: none;
margin-right: 35px;
}
.bitmessage-ctc, .tox-ctc {
position: absolute;

2
css/style.css

@ -1117,7 +1117,7 @@ ol.toptrends-list { @@ -1117,7 +1117,7 @@ ol.toptrends-list {
{
display: inline-block;
}
.post .sub-replies {
.post-replies .sub-replies {
border-left: solid 3px #E34F42;
margin-left: 2px;
}

4
following.html

@ -359,10 +359,10 @@ @@ -359,10 +359,10 @@
</div>
<div class="profile-bio"></div>
<div id="msngrswr">
<div id="toxbtnwr">
<div id="toxbtnwr" class="profile-extra-contact">
<a class="profile-tox"></a><a class="tox-ctc"></a>
</div>
<div id="bmbtnwr">
<div id="bmbtnwr" class="profile-extra-contact">
<a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a>
</div>
</div>

4
home.html

@ -386,10 +386,10 @@ @@ -386,10 +386,10 @@
</div>
<div class="profile-bio"></div>
<div id="msngrswr">
<div id="toxbtnwr">
<div id="toxbtnwr" class="profile-extra-contact">
<a class="profile-tox"></a><a class="tox-ctc"></a>
</div>
<div id="bmbtnwr">
<div id="bmbtnwr" class="profile-extra-contact">
<a class="profile-bitmessage"></a><a class="bitmessage-ctc"></a>
</div>
</div>

12
js/mobile_abstract.js

@ -375,10 +375,10 @@ var MAL = function() @@ -375,10 +375,10 @@ var MAL = function()
}
} else {
var $replist = $('<ol class="sub-replies"></ol>');
var $newli = $('<li class="post open related"></li>');
var $newli = $('<li class="post-replies"></li>');
postLi.after($newli);
$newli.append($replist);
for (var i = 0; i < postsFromJson.length; i++) {
for (var i = 0; i < postsFromJson.length && $.MAL.getExpandedPostsCount(postLi) < maxExpandPost; i++) {
var newStreamPost = postToElem(postsFromJson[i], "related");
newStreamPost.hide();
$replist.prepend(newStreamPost);
@ -388,6 +388,14 @@ var MAL = function() @@ -388,6 +388,14 @@ var MAL = function()
}
$.MAL.relatedPostLoaded();
};
this.getExpandedPostsCount = function(postLi) {
if ($.hasOwnProperty('mobile')) {
return postLi.siblings().length;
} else {
return postLi.parents('.module.post.original.open').find('.post.related').length;
}
};
}
jQuery.MAL = new MAL;

2
js/twister_actions.js

@ -42,7 +42,7 @@ function requestRepliedBefore(postLi) @@ -42,7 +42,7 @@ function requestRepliedBefore(postLi)
function requestRepliesAfter(postLi)
{
if(postLi.parents('.module.post.original.open').find('.post.related').length >= maxExpandPost)
if($.MAL.getExpandedPostsCount(postLi) >= maxExpandPost)
return;
var originalPost = postLi.find(".post-data");

3
theme_calm/css/profile.css

@ -257,9 +257,10 @@ @@ -257,9 +257,10 @@
margin-top: 20px;
height: 30px;
}
#toxbtnwr, #bmbtnwr {
.profile-extra-contact {
float: left;
display: none;
margin-right: 35px;
}
.bitmessage-ctc, .tox-ctc {
position: absolute;

2
theme_calm/css/style.css

@ -1449,7 +1449,7 @@ textarea.splited-post { @@ -1449,7 +1449,7 @@ textarea.splited-post {
{
display: inline-block;
}
.post .sub-replies {
.post-replies .sub-replies {
border-left: solid 3px #43464d;
margin-left: 2px;
}

Loading…
Cancel
Save