Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[3.x] Refine Quick Create/Edit Windows for Elements #15953

Open
wants to merge 12 commits into
base: 3.x
Choose a base branch
from
54 changes: 54 additions & 0 deletions _build/data/transport.core.system_settings.php
Original file line number Diff line number Diff line change
Expand Up @@ -2157,5 +2157,59 @@
'area' => 'static_elements',
'editedon' => null,
], '', true, true);
$settings['mask_disabled_modal'] = $xpdo->newObject(modSystemSetting::class);
$settings['mask_disabled_modal']->fromArray([
'key' => 'mask_disabled_modal',
'value' => false,
'xtype' => 'combo-boolean',
'namespace' => 'core',
'area' => 'manager',
'editedon' => null,
], '', true, true);
$settings['mask_color_modal'] = $xpdo->newObject(modSystemSetting::class);
$settings['mask_color_modal']->fromArray([
'key' => 'mask_color_modal',
'value' => '#ffffff',
'xtype' => 'textfield',
'namespace' => 'core',
'area' => 'manager',
'editedon' => null,
], '', true, true);
$settings['mask_opacity_modal'] = $xpdo->newObject(modSystemSetting::class);
$settings['mask_opacity_modal']->fromArray([
'key' => 'mask_opacity_modal',
'value' => 50,
'xtype' => 'numberfield',
'namespace' => 'core',
'area' => 'manager',
'editedon' => null,
], '', true, true);
$settings['mask_disabled_pseudomodal'] = $xpdo->newObject(modSystemSetting::class);
$settings['mask_disabled_pseudomodal']->fromArray([
'key' => 'mask_disabled_pseudomodal',
'value' => false,
'xtype' => 'combo-boolean',
'namespace' => 'core',
'area' => 'manager',
'editedon' => null,
], '', true, true);
$settings['mask_color_pseudomodal'] = $xpdo->newObject(modSystemSetting::class);
$settings['mask_color_pseudomodal']->fromArray([
'key' => 'mask_color_pseudomodal',
'value' => '#0d141d',
'xtype' => 'textfield',
'namespace' => 'core',
'area' => 'manager',
'editedon' => null,
], '', true, true);
$settings['mask_opacity_pseudomodal'] = $xpdo->newObject(modSystemSetting::class);
$settings['mask_opacity_pseudomodal']->fromArray([
'key' => 'mask_opacity_pseudomodal',
'value' => 50,
'xtype' => 'numberfield',
'namespace' => 'core',
'area' => 'manager',
'editedon' => null,
], '', true, true);

return $settings;
47 changes: 47 additions & 0 deletions _build/templates/default/sass/_breakpoint-medium.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
/* Medium screens, including small desktops and tablets */

// Breakpoint for up to 1024px
@include grid-media($tabletM) {

}

// Breakpoint for up to 960px
@include grid-media($desktop) {
.x-window {
form {
.x-column-inner {
width: 100% !important;
}
.x-panel-body {
width: 100% !important;
}
}
.x-window-bc {
.x-window-footer {
padding: 15px;
}
}
&.qce-create,
&.qce-update {
.x-toolbar-cell {
margin-bottom: .75rem;
display: inline-block;
margin-right: 2%;
&:last-child {
margin-right: 0;
}
}
}
&.qce-create {
.x-toolbar-cell {
width: 49%;
}
}
&.qce-update {
.x-toolbar-cell {
width: 32%;
}
}
}

}
20 changes: 20 additions & 0 deletions _build/templates/default/sass/_breakpoint-small.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
// Breakpoint for up to tablet (portrait orientation) size 768px
@include grid-media($tabletP) {

}

// Breakpoint for mobile size
@include grid-media($mobile) {

.x-window {
&.qce-create,
&.qce-update {
.x-toolbar-cell {
display: block;
margin-right: 0;
width: 100%;
}
}
}

}
3 changes: 2 additions & 1 deletion _build/templates/default/sass/_colors-and-vars.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ $colorSplash: #234368;
$colorSplashLight: lighten($colorSplash, 50%);
$colorSplashMedium: lighten($colorSplash, 75%);
$colorSplashDark: darken($colorSplash, 20%);
$colorSplashShadow: scale-color($colorSplash, $lightness: -70%, $saturation: -25%);
$colorSplashContrast: #FFFFFF; // needs much more adaption, should be used as text color for elements with $colorSplash background
$silver: #CCCCCC;
$gallery: #EEEEEE;
Expand Down Expand Up @@ -64,7 +65,7 @@ $borderRadius: 3px;

// Shadows
$boxShadow: 0 4px 6px rgba(0, 0, 0, 0.15);
$boxShadowBig: 0 0 15px 0 rgba(0,0,0,0.2);
$boxShadowBig: 0 0 15px 0 rgba($black,0.25);
$shadowBorder: 0 0 0 1px $borderColor;
$shadowBorderField: 0 0 0 1px $borderColor;
$shadowBorderDark: 0 0 0 1px $softGray;
Expand Down
Loading
Loading