JSFiddle - React, Tailwind, and code Playground

by arpowers

JavaScript

window['OuterLayout'] = jQuery("."+LayoutMode+" .layout-main-content").layout({ 

                center__paneSelector:    ".layout-inner-content"
            ,    east__paneSelector:        ".margin-east"
            ,    west__paneSelector:     ".margin-west"
            ,    closable:                false    // pane can open & close
            ,    resizable:                true    // when open, pane can be resized 
            ,    slidable:                false
            ,    resizeWhileDragging:    true
            ,    west__resizable:        true    // Set to TRUE to activate dynamic margin
            ,    east__resizable:        true    // Set to TRUE to activate dynamic margin
            ,    east__resizerClass:     'pagelines-resizer-east'
            ,    west__resizerClass:     'pagelines-resizer-west'
            ,    east__size:                margin
            ,    west__size:                margin
            ,     east__maxSize:          188
            ,     west__maxSize:          188
            ,     livePaneResizing:        true
            
        //    ,     showDebugMessages:        true
            ,     west__onresize: function (pane, $Pane, paneState) {
                
                var width  = paneState.innerWidth
                ,     realwidth = width * 2
                ,     currentElement = jQuery("."+LayoutMode+" .margin-east")
                
                // This will fire in Firefox in strange times, make sure it's visible before doing anything
                if(currentElement.is(':visible')){
                    currentElement.width(width);
                    var position = jQuery("."+LayoutMode+" .pagelines-resizer-west").position();
                    jQuery("."+LayoutMode+" .pagelines-resizer-east").css('right', position.left);
                    updateDimensions(LayoutMode, 'margin-resize');
                    
                }
                
            } 
            ,     east__onresize:...