Browse Source

Add scrolling content style

pull/4574/merge
Jack 7 years ago
parent
commit
784c0a191a
2 changed files with 11 additions and 1 deletions
  1. 7
      src/definitions/modules/modal.less
  2. 5
      src/themes/default/modules/modal.variables

7
src/definitions/modules/modal.less

@ -377,6 +377,13 @@
} }
} }
/* Scrolling Content */
.ui.modal .scrolling.content {
max-height: @scrollingContentMaxHeight;
overflow: auto;
}
/*-------------- /*--------------
Full Screen Full Screen

5
src/themes/default/modules/modal.variables

@ -115,6 +115,9 @@
@scrollingMargin: 3.5rem; @scrollingMargin: 3.5rem;
@mobileScrollingMargin: 1rem; @mobileScrollingMargin: 1rem;
/* Scrolling Content */
@scrollingContentMaxHeight: calc(80vh - 10em);
/*------------------- /*-------------------
Variations Variations
--------------------*/ --------------------*/
@ -176,4 +179,4 @@
@largeTabletMargin: 0em 0em 0em -(@largeTabletWidth / 2); @largeTabletMargin: 0em 0em 0em -(@largeTabletWidth / 2);
@largeComputerMargin: 0em 0em 0em -(@largeComputerWidth / 2); @largeComputerMargin: 0em 0em 0em -(@largeComputerWidth / 2);
@largeLargeMonitorMargin: 0em 0em 0em -(@largeLargeMonitorWidth / 2); @largeLargeMonitorMargin: 0em 0em 0em -(@largeLargeMonitorWidth / 2);
@largeWidescreenMonitorMargin: 0em 0em 0em -(@largeWidescreenMonitorWidth / 2);
@largeWidescreenMonitorMargin: 0em 0em 0em -(@largeWidescreenMonitorWidth / 2);
Loading…
Cancel
Save