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;
float: left;
/** Индикация вложенности */
#comments.nesting_level {
overflow: hidden;
}
#comments .post:hover .nesting {
background-repeat: repeat-x;
#comments.nesting_level .info::before {
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-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
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);
}
});
}
/**
* Обновляем кол-во комментариев и непрочитанных новых постов в ленте
*/