refactor(modal): add comments

Author: thetaPC

core/src/components/modal/modal.ios.scss

@@ -88,6 +88,9 @@
   @include border-radius(var(--border-radius), var(--border-radius), 0, 0);
 }
 
+// iOS Sheet Modal - Scroll at all breakpoints
+// --------------------------------------------------
+
 /**
  * Sheet modals require an additional padding as mentioned in the
  * `core.scss` file. However, there's a workaround that requires
@@ -96,6 +99,6 @@
  * It's important to update the padding value when the core styles are
  * updated.
  */
- :host(.modal-sheet.modal-scroll-all) ion-footer ion-toolbar:first-of-type {
+:host(.modal-sheet.modal-scroll-all) ion-footer ion-toolbar:first-of-type {
   padding-top: 6px;
 }

core/src/css/core.scss

@@ -51,6 +51,13 @@ body.backdrop-no-scroll {
  * the first toolbar in the header.
  * Footer also needs this. We do not adjust the bottom
  * padding though because of the safe area.
+ *
+ * There is a workaround to allow sheet modals to scroll
+ * at any breakpoint. This requires the footer to be
+ * cloned. However, the following styles are not applied.
+ * This is fixed by adding the styles directly on the
+ * modal iOS file. If this padding value is updated, then
+ * the value also needs to be updated in the modal iOS file.
  */
 html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
 html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,