From 784c0a191ab4b86655d100345359728334e3800a Mon Sep 17 00:00:00 2001 From: Jack Date: Sun, 2 Jul 2017 14:45:15 -0700 Subject: [PATCH] Add scrolling content style --- src/definitions/modules/modal.less | 7 +++++++ src/themes/default/modules/modal.variables | 5 ++++- 2 files changed, 11 insertions(+), 1 deletion(-) mode change 100644 => 100755 src/themes/default/modules/modal.variables diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less index 3ff1b3b68..8d9f10d8e 100755 --- a/src/definitions/modules/modal.less +++ b/src/definitions/modules/modal.less @@ -377,6 +377,13 @@ } } +/* Scrolling Content */ + +.ui.modal .scrolling.content { + max-height: @scrollingContentMaxHeight; + overflow: auto; +} + /*-------------- Full Screen diff --git a/src/themes/default/modules/modal.variables b/src/themes/default/modules/modal.variables old mode 100644 new mode 100755 index a4986ccc8..55146c9fd --- a/src/themes/default/modules/modal.variables +++ b/src/themes/default/modules/modal.variables @@ -115,6 +115,9 @@ @scrollingMargin: 3.5rem; @mobileScrollingMargin: 1rem; +/* Scrolling Content */ +@scrollingContentMaxHeight: calc(80vh - 10em); + /*------------------- Variations --------------------*/ @@ -176,4 +179,4 @@ @largeTabletMargin: 0em 0em 0em -(@largeTabletWidth / 2); @largeComputerMargin: 0em 0em 0em -(@largeComputerWidth / 2); @largeLargeMonitorMargin: 0em 0em 0em -(@largeLargeMonitorWidth / 2); -@largeWidescreenMonitorMargin: 0em 0em 0em -(@largeWidescreenMonitorWidth / 2); \ No newline at end of file +@largeWidescreenMonitorMargin: 0em 0em 0em -(@largeWidescreenMonitorWidth / 2);