e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
43 lines
1.0 KiB
SCSS
43 lines
1.0 KiB
SCSS
/**
|
|
* Breakpoints & Media Queries
|
|
*/
|
|
|
|
// Most used breakpoints
|
|
$break-xhuge: 1920px;
|
|
$break-huge: 1440px;
|
|
$break-wide: 1280px;
|
|
$break-xlarge: 1080px;
|
|
$break-large: 960px; // admin sidebar auto folds
|
|
$break-medium: 782px; // adminbar goes big
|
|
$break-small: 600px;
|
|
$break-mobile: 480px;
|
|
$break-zoomed-in: 280px;
|
|
|
|
// All media queries currently in WordPress:
|
|
//
|
|
// min-width: 2000px
|
|
// min-width: 1680px
|
|
// min-width: 1250px
|
|
// max-width: 1120px *
|
|
// max-width: 1000px
|
|
// min-width: 769px and max-width: 1000px
|
|
// max-width: 960px *
|
|
// max-width: 900px
|
|
// max-width: 850px
|
|
// min-width: 800px and max-width: 1499px
|
|
// max-width: 800px
|
|
// max-width: 799px
|
|
// max-width: 782px *
|
|
// max-width: 768px
|
|
// max-width: 640px *
|
|
// max-width: 600px *
|
|
// max-width: 520px
|
|
// max-width: 500px
|
|
// max-width: 480px *
|
|
// max-width: 400px *
|
|
// max-width: 380px
|
|
// max-width: 320px *
|
|
//
|
|
// Those marked * seem to be more commonly used than the others.
|
|
// Let's try and use as few of these as possible, and be mindful about adding new ones, so we don't make the situation worse
|