diff --git a/chrome_point_plus/_locales/en/messages.json b/chrome_point_plus/_locales/en/messages.json index cfbab7b..84e865d 100644 --- a/chrome_point_plus/_locales/en/messages.json +++ b/chrome_point_plus/_locales/en/messages.json @@ -116,6 +116,12 @@ "option_ajax_comments": { "message": "Send comments via AJAX (CTRL+Enter)" }, + "option_right_panel": { + "message": "Right side panel" + }, + "option_right_panel_to_unread": { + "message": "\"Go to unread comment\" button" + }, "option_fluid_layout": { "message": "Fluid layout" }, diff --git a/chrome_point_plus/_locales/ru/messages.json b/chrome_point_plus/_locales/ru/messages.json index a69eb74..433ee36 100644 --- a/chrome_point_plus/_locales/ru/messages.json +++ b/chrome_point_plus/_locales/ru/messages.json @@ -116,6 +116,12 @@ "option_ajax_comments": { "message": "Отправка комментариев через AJAX (CTRL+Enter)" }, + "option_right_panel": { + "message": "Боковая панель справа" + }, + "option_right_panel_to_unread": { + "message": "Кнопка \"Перейти к непрочитанному\"" + }, "option_fluid_layout": { "message": ""Резиновая" вёрстка (растянуть сайт по горизонтали)" }, diff --git a/chrome_point_plus/css/modules/side_panel.css b/chrome_point_plus/css/modules/side_panel.css new file mode 100644 index 0000000..81a07b2 --- /dev/null +++ b/chrome_point_plus/css/modules/side_panel.css @@ -0,0 +1,28 @@ +#pp-right-panel { + width: 32px; + position: fixed; + top: 50%; + right: 3px; + opacity: .3; + transition: opacity 500ms; +} + +#pp-right-panel:hover { + opacity: 1; + transition: opacity 500ms; +} + +#pp-right-panel #pp-go-to-unread { + background-image: url("/img/menu-my.png"); + height: 32px; + width: 32px; + cursor: pointer; +} + +#pp-right-panel span#pp-unread-count { + position: relative; + top: 7px; + left: 11px; + -webkit-user-select: none; + user-select: none; +} \ No newline at end of file diff --git a/chrome_point_plus/js/point-plus.js b/chrome_point_plus/js/point-plus.js index da4f5a3..cd8994d 100644 --- a/chrome_point_plus/js/point-plus.js +++ b/chrome_point_plus/js/point-plus.js @@ -52,6 +52,45 @@ function PointPlus(ppVersion) { $('div.secret a').insertAfter('a#menu-recent').css('background-image','url("img/icon-private-inactive.png")'); } + // Side panel + if (options.is('option_right_panel')) { + // Loading side panel CSS + messenger.css('css/modules/side_panel.css'); + + // Creating side panel + var $side_panel = $('