skobkin/chrome_point_plus
1
0
Fork 0
mirror of https://bitbucket.org/skobkin/chrome_point_plus.git synced 2024-11-23 18:56:04 +00:00
Code Issues Projects Releases Wiki Activity

Не добавлять лишний элемент для отрисовки точечек и не портить марджины

Browse source
This commit is contained in:
isqua 2015-01-19 23:01:02 +03:00
parent b49ecaf937
commit 46c430a3d8
2 changed files with 26 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
chrome_point_plus/css/point-plus.css
View file

@ -154,13 +154,31 @@ div#markItUpText-input {
} }
/* Шваброточки */ /** Индикация вложенности */
#comments .post .nesting {
height: 24px; #comments.nesting_level {
float: left; overflow: hidden;
} }
#comments .post:hover .nesting { #comments.nesting_level .info::before {
background-repeat: repeat-x; position: absolute;
top: 0;
right: 100%;
display: block;
width: 500px;
height: 24px;
content: '';
opacity: 0;
background-image: url('chrome-extension://__MSG_@@extension_id__/images/nesting-point.png'); background-image: url('chrome-extension://__MSG_@@extension_id__/images/nesting-point.png');
background-repeat: repeat-x;
}
#comments.nesting_level .post:hover .info::before {
transition: opacity .2s ease-in;
opacity: 1;
} }

32
chrome_point_plus/js/point-plus.js
View file

@ -625,7 +625,7 @@ $(document).ready(function() {
// Nesting level indicator // Nesting level indicator
if (options.is('option_other_comments_nesting_level')) { if (options.is('option_other_comments_nesting_level')) {
draw_nesting_level_indicator(); $('#comments').addClass('nesting_level');
} }
// Обновляем кол-во постов и непрочитанных комментариев // Обновляем кол-во постов и непрочитанных комментариев
@ -1312,36 +1312,6 @@ function hints_save_new_hint(username, new_hint) {
}); });
} }
/**
* Nesting level indicator
* Шваброшвабровские точки
*/
function draw_nesting_level_indicator() {
$('.comments').css({'margin-left': '0px'});
draw_nesting_level_indicator_level($('#comments > .comments'), 1);
}
function draw_nesting_level_indicator_level(obj, level) {
obj.find('> .post').each(function() {
var nesting = document.createElement('div');
$(nesting).addClass('nesting').css({
'width': (10 * level) + 'px'
});
this.insertBefore(nesting, $(this).find('.info')[0]);
$(this).find('> .post-content').css({
'padding-left': (10 * level) + 'px'
});
});
obj.each(function() {
var comments = $(this).find('> .comments');
if (comments.length > 0) {
draw_nesting_level_indicator_level(comments, level + 1);
}
});
}
/** /**
* Обновляем кол-во комментариев и непрочитанных новых постов в ленте * Обновляем кол-во комментариев и непрочитанных новых постов в ленте
*/ */