ProfessionalWiki / chameleon

Provides a highly flexible and customizable skin using Bootstrap 4
https://www.mediawiki.org/wiki/Skin:Chameleon
Other
114 stars 62 forks source link

Allow breakpoint overrides #247

Closed malberts closed 3 years ago

malberts commented 3 years ago

Fixes: #221

Tests

Without LocalSettings.php override

image

With cmln override

$egChameleonExternalStyleVariables = [
    'cmln-grid-breakpoints' => '(xs: 0, sm: 576px, md: 768px, lg: 992px, cmln: 1234px, xl: 1900px)'
];

image

Without cmln override:

$egChameleonExternalStyleVariables = [
    'cmln-navbar-horizontal-collapse-point' => 'lg',
    'cmln-grid-breakpoints' => '(xs: 0, sm: 500px, md: 800px, lg: 1000px, xl: 1900px)'
];

image

With everything overridden:

$egChameleonExternalStyleVariables = [
    'cmln-navbar-horizontal-collapse-point' => 'medium',
    'cmln-grid-breakpoints' => '(nothing: 0, small: 123px, medium: 456px, large: 789px, extra-large: 2000px)'
];

image (This is not necessarily sufficient as there are other Bootstrap variables that might need to be adjusted to accommodate such an extreme change.)

malberts commented 3 years ago

Two approaches that were not possible: