view: Mark selected list item in two column mode

yona-projects · Apr 7, 2017 · a5d9000 · a5d9000
1 parent 261d795
commit a5d9000
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/app/assets/stylesheets/less/_page.less b/app/assets/stylesheets/less/_page.less
@@ -6836,6 +6836,10 @@ div.diff-body[data-outdated="true"] tr:hover .icon-comment {
     margin-left: -120px !important;
 }
 
+.highlightBg {
+    background-color: #eee !important;
+}
+
 #pageslide {
     /* These styles MUST be included. Do not change. */
     display: none;

diff --git a/public/javascripts/service/yona.twoColumnMode.js b/public/javascripts/service/yona.twoColumnMode.js
@@ -13,6 +13,11 @@ function _initTwoColumnMode(){
 
     $('#two-column-mode-checkbox').popover({trigger: "hover", placement: "top", delay: { show: 1000, hide: 100 }});
 
+    // when to check box click
+    $('.mass-update-check').on('click', function (e) {
+        e.stopPropagation();
+    });
+
     if( useTwoColumnMode  === 'true'){
         attachPageSlideEvent($twoColumnMode, $title);
         bindFrameLoading();
@@ -30,7 +35,7 @@ function _initTwoColumnMode(){
             $('#pageslide').html("<div>Loading...</div>");
         } else {
             localStorage.setItem('useTwoColumnMode', false);
-            $('.post-item').css("cursor", "");
+            $('.post-item').removeClass('highlightBg').css("cursor", "");
             unbindEvents();
         }
     });
@@ -39,6 +44,7 @@ function _initTwoColumnMode(){
 
     function attachPageSlideEvent(twoColumnMode, title){
         twoColumnMode.prop('checked', true);
+
         title.pageslide({direction: "left", speed: 0});
         $('.post-item').css("cursor", "pointer");
     }
@@ -50,6 +56,9 @@ function _initTwoColumnMode(){
 
     function bindFrameLoading() {
         $title.on('click.iframeLoading', function (e) {
+            $('.post-item').removeClass('highlightBg');
+            $(this).closest('.post-item').addClass('highlightBg');
+
             if(lastClicked === this){
                 if($('#pageslide').is(":visible")){
                     $(".left-menu").hide(0);