diff --git a/app/Lib/lang.php b/app/Lib/lang.php index b267afc58..04d103b89 100644 --- a/app/Lib/lang.php +++ b/app/Lib/lang.php @@ -2312,6 +2312,7 @@ 'op.clear.filters.alpha' => 'Clear alphabet filter', 'op.clear.filters.pl' => 'Clear Filters', 'op.clear.search' => 'Clear search', + 'op.close.browser' => 'Please do not close your browser.', 'op.cluster.acct.auto' => 'Autogenerate Cluster Accounts', 'op.cluster.acct.auto.confirm' => 'Are you sure you wish to autogenerate cluster accounts?', 'op.collapse' => 'Collapse this section', diff --git a/app/View/Layouts/redirect.ctp b/app/View/Layouts/redirect.ctp index 013852830..c5ea89ce8 100644 --- a/app/View/Layouts/redirect.ctp +++ b/app/View/Layouts/redirect.ctp @@ -199,6 +199,12 @@
+
+ warning +
+ +
+
fetch('content'); ?>
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css index 32051a766..41fce6aec 100644 --- a/app/webroot/css/co-base.css +++ b/app/webroot/css/co-base.css @@ -845,15 +845,25 @@ body.co_people.canvas .titleNavContainer { #redirect-box { background-color: #f5f5f5; border: 1px solid #ddd; - margin: 1em auto; - padding: 1em; + margin: 0 auto 2em; + padding: 1.5em 1em 1.25em; text-align: center; - width: 240px; + min-width: 240px; } #redirect-spinner { padding: 1em 1em 2em; position: relative; } +.co-redirect-warning { + justify-content: center; + margin: 2em auto 0; + min-width: 240px; + border: 1px solid var(--cmg-color-lightgray-006); + border-bottom: none; +} +.co-redirect-warning .material-icons { + color: var(--cmg-color-red-002) !important; +} /* SELECT CO */ #fpCoList .co-row { cursor: pointer; diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css index dad8a9460..2278f92f2 100644 --- a/app/webroot/css/co-responsive.css +++ b/app/webroot/css/co-responsive.css @@ -386,13 +386,20 @@ } /* REDIRECT PAGE */ #redirect-box { - margin: 4em auto; - padding: 2em 2em 1.5em; - width: 320px; + margin: 0 auto 4em; + padding: 2em 2em 1.75em; + min-width: 320px; + max-width: 380px; } body.ui-mode-basic #redirect-box { left: unset; } + .co-redirect-warning { + min-width: 320px; + max-width: 380px; + margin: 4em auto 0; + font-size: 1.1em; + } /********************************/ /* My Population - People Index */ /********************************/