Update modal header and footer vertical padding.

This commit is contained in:
Konstantinos Triantafyllou 2023-08-24 14:07:29 +03:00
parent d52e929297
commit 98077993a6
1 changed files with 12 additions and 26 deletions

View File

@ -2,21 +2,21 @@
@modal-dialog-border-radius: @global-border-radius;
@modal-body-padding-horizontal: @global-medium-gutter;
@modal-body-padding-vertical: @global-medium-gutter;
@modal-body-padding-horizontal-mobile: @global-small-gutter;
@modal-body-padding-vertical-mobile: @global-small-gutter;
@modal-body-padding-horizontal-s: @global-medium-gutter;
@modal-body-padding-vertical-s: @global-medium-gutter;
@modal-body-padding-horizontal: @global-small-gutter;
@modal-body-padding-vertical: @global-small-gutter;
@modal-header-padding-horizontal: @global-medium-gutter;
@modal-header-padding-vertical: @global-gutter;
@modal-header-padding-horizontal-mobile: @global-small-gutter;
@modal-header-padding-vertical-mobile: @global-small-gutter;
@modal-header-padding-horizontal-s: @global-medium-gutter;
@modal-header-padding-vertical-s: @global-small-gutter;
@modal-header-padding-horizontal: @global-small-gutter;
@modal-header-padding-vertical: @global-xsmall-gutter;
@modal-header-background: @global-background;
@modal-footer-padding-horizontal: @global-medium-gutter;
@modal-footer-padding-vertical: @global-medium-gutter;
@modal-footer-padding-horizontal-mobile: @global-small-gutter;
@modal-footer-padding-vertical-mobile: @global-small-gutter;
@modal-footer-padding-horizontal-s: @global-medium-gutter;
@modal-footer-padding-vertical-s: @global-small-gutter;
@modal-footer-padding-horizontal: @global-small-gutter;
@modal-footer-padding-vertical: @global-xsmall-gutter;
@modal-footer-background: @global-background;
@modal-footer-border-width: @global-border-width;
@modal-footer-border: @global-border;
@ -42,20 +42,6 @@
}
.hook-modal-misc() {
@media (max-width: @breakpoint-small-max) {
.uk-modal-body {
padding: @modal-body-padding-vertical-mobile @modal-body-padding-horizontal-mobile;
}
.uk-modal-header {
padding: @modal-header-padding-vertical-mobile @modal-header-padding-horizontal-mobile;
}
.uk-modal-footer {
padding: @modal-footer-padding-vertical-mobile @modal-footer-padding-horizontal-mobile;
}
}
.uk-modal, uk-dropdown {
.uk-button, uk-icon-button {