Studio | Layout Editor CSS broken

[kale1d0code]

Issue

Expected Behavior

Toolbox and Panel Editor to be independently scroll-able.

Actual Behavior

Toolbox and Panel Editor move together during scroll.

Possible Fix

Add the following CSS to your CRM system

#mblayout #mbtabs .yui-content {
    overflow: auto !important;
    height: auto !important;
}

#layoutEditor #panels {
    float: none!important;
    width: auto !important;
    overflow-y: scroll !important;
}

Steps to Reproduce

1. Studio
2. • -> Layouts -> (Detail or Edit)View

Context

difficult to get the correct fields into the correct place if the toolbox moves with the panel editor

Your Environment

• SuiteCRM Version used: 7.14.3
• Browser name and version (e.g. Chrome Version 51.0.2704.63 (64-bit)): Google Chrome Version 124.0.6367.118 (Official Build) (64-bit)
• Environment name and version (e.g. MySQL, PHP 7):
• Operating System and version (e.g Ubuntu 16.04):