Update other elements that depend on shelf height

Bug: 999477
Change-Id: I1cd1df490123ba0ce1160589d2bbcc6ebb76b82b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1792868Reviewed-by: Roman Sorokin [CET] <rsorokin@chromium.org>
Commit-Queue: Denis Kuznetsov <antrim@chromium.org>
Cr-Commit-Position: refs/heads/master@{#695102}

chrome/browser/resources/chromeos/login/encryption_migration.css

@@ -4,7 +4,8 @@
 
 oobe-dialog {
   height: 640px;
-  max-height: calc(100vh - 56px);  /* Subtracting LoginShelfView's height. */
+  /* Subtracting LoginShelfView's height. */
+  max-height: calc(100vh - var(--shelf-area-height));
   max-width: 100vw;
   min-height: 0 !important;  /* Making <oobe-dialog> shrinkable. */
   min-width: 0 !important;  /* Making <oobe-dialog> shrinkable. */

chrome/browser/resources/chromeos/login/md_screen_container.css

@@ -19,7 +19,8 @@ html[adaptive-oobe] {
   display: flex;
   justify-content: center;
   left: 0;
-  min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */
+  /* This enables scrolling. Min resolution: 1024x768 */
+  min-height: calc(768px - var(--shelf-area-height));
   perspective: 1px; /* Workaround, see http://crbug.com/360567 */
   position: absolute;
   right: 0;