MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add variables for paddings in modal for mobile and make background of tile-default important

This commit is contained in:
Konstantinos Triantafyllou 2023-02-21 15:10:58 +02:00
parent 39627306d3
commit ee657bbddc
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
less/modal.less
View File

@ -4,13 +4,19 @@
@modal-body-padding-horizontal: @global-medium-gutter; @modal-body-padding-horizontal: @global-medium-gutter;
@modal-body-padding-vertical: @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-header-padding-horizontal: @global-medium-gutter; @modal-header-padding-horizontal: @global-medium-gutter;
@modal-header-padding-vertical: @global-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-background: @global-background; @modal-header-background: @global-background;
@modal-footer-padding-horizontal: @global-medium-gutter; @modal-footer-padding-horizontal: @global-medium-gutter;
@modal-footer-padding-vertical: @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-background: @global-background; @modal-footer-background: @global-background;
@modal-footer-border-width: @global-border-width; @modal-footer-border-width: @global-border-width;
@modal-footer-border: @global-border; @modal-footer-border: @global-border;
@ -35,6 +41,20 @@
} }
.hook-modal-misc() { .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-modal, uk-dropdown {
.uk-button, uk-icon-button { .uk-button, uk-icon-button {

5
less/tile.less
View File

@ -1,5 +1,6 @@
@tile-default-background: @global-inverse-color; @tile-default-background-color: @global-inverse-color;
@tile-default-background: @tile-default-background-color !important;
.hook-tile-default() { .hook-tile-default() {
.set-blur-background(@tile-default-background, 50%) !important; .set-blur-background(@tile-default-background-color, 50%) !important;
} }