Add bottom padding to iPhones with home bar

CHANGELOG.md

@@ -1,11 +1,12 @@
-### 1.7.2rc5-nightly: 2023-08-25
+### 1.7.2-nightly: 2023-08-28
 
 * Support Mastodon 4.2.0-beta2
 * Tint hashtag bar to the right
 * Add pill style hashtags styles for hashtag bar tag list
 * Fix regression in tinting hashtag bar
 * Fix bullet hover and focus on light theme
 * Fix embedded media not displaying in status cards #69 (thanks @LetyDoesStuff!)
+* Add bottom padding to iPhones with home bar #71 (thanks @LetyDoesStuff!)
 
 ### 1.7.1-nightly: 2023-08-12
 

layout-multiple-columns.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.7.2rc5-nightly */
+   1.7.2-nightly */
 
 /* CSS variables */
 :root {
@@ -3389,24 +3389,10 @@ body.embed .button.logo-button:hover,
 /* Add bottom padding to the navigation panel
    on iPhones with the portrait mode home bar */
 
-@media
-  /* iPhone XR and iPhone 11 */
-  screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 2dppx) and (orientation: portrait),
-  /* iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14 */
-  screen and (device-width: 390px) and (device-height: 844px) and (min-resolution: 3dppx) and (orientation: portrait),
-  /* iPhone 14 Pro */
-  screen and (device-width: 393px) and (device-height: 852px) and (min-resolution: 3dppx) and (orientation: portrait),
-  /* iPhone XR and iPhone 11 */
-  screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait),
-  /* iPhone Xs Max and iPhone 11 Pro Max */
-  screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait),
-  /* iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus */
-  screen and (device-width: 428px) and (device-height: 926px) and (min-resolution: 3dppx) and (orientation: portrait),
-  /* iPhone 14 Pro Max */
-  screen and (device-width: 430px) and (device-height: 932px) and (min-resolution: 3dppx) and (orientation: portrait) {
-    .layout-multiple-columns .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
-      padding-bottom: 34px;
-    }
+@media screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 2dppx) and (orientation: portrait), /* iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14 */ screen and (device-width: 390px) and (device-height: 844px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone 14 Pro */ screen and (device-width: 393px) and (device-height: 852px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone XR and iPhone 11 */ screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait), /* iPhone Xs Max and iPhone 11 Pro Max */ screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus */ screen and (device-width: 428px) and (device-height: 926px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone 14 Pro Max */ screen and (device-width: 430px) and (device-height: 932px) and (min-resolution: 3dppx) and (orientation: portrait) {
+  .layout-multiple-columns .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
+    padding-bottom: 34px;
+  }
 }
 
 /* Retweet animation */

layout-single-column.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.7.2rc5-nightly */
+   1.7.2-nightly */
 
 /* CSS variables */
 :root {
@@ -3350,25 +3350,11 @@ body.embed .button.logo-button:hover,
 /* Add bottom padding to the navigation panel
    on iPhones with the portrait mode home bar */
 
-   @media
-   /* iPhone XR and iPhone 11 */
-   screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 2dppx) and (orientation: portrait),
-   /* iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14 */
-   screen and (device-width: 390px) and (device-height: 844px) and (min-resolution: 3dppx) and (orientation: portrait),
-   /* iPhone 14 Pro */
-   screen and (device-width: 393px) and (device-height: 852px) and (min-resolution: 3dppx) and (orientation: portrait),
-   /* iPhone XR and iPhone 11 */
-   screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait),
-   /* iPhone Xs Max and iPhone 11 Pro Max */
-   screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait),
-   /* iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus */
-   screen and (device-width: 428px) and (device-height: 926px) and (min-resolution: 3dppx) and (orientation: portrait),
-   /* iPhone 14 Pro Max */
-   screen and (device-width: 430px) and (device-height: 932px) and (min-resolution: 3dppx) and (orientation: portrait) {
-     .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
-       padding-bottom: 34px;
-     }
- }
+   @media screen and (device-width: 375px) and (device-height: 812px) and (min-resolution: 2dppx) and (orientation: portrait), /* iPhone 12, iPhone 12 Pro, iPhone 13, iPhone 13 Pro, and iPhone 14 */ screen and (device-width: 390px) and (device-height: 844px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone 14 Pro */ screen and (device-width: 393px) and (device-height: 852px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone XR and iPhone 11 */ screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 2dppx) and (orientation: portrait), /* iPhone Xs Max and iPhone 11 Pro Max */ screen and (device-width: 414px) and (device-height: 896px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone 12 Pro Max, iPhone 13 Pro Max, and iPhone 14 Plus */ screen and (device-width: 428px) and (device-height: 926px) and (min-resolution: 3dppx) and (orientation: portrait), /* iPhone 14 Pro Max */ screen and (device-width: 430px) and (device-height: 932px) and (min-resolution: 3dppx) and (orientation: portrait) {
+  .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
+    padding-bottom: 34px;
+  }
+}
 
 /* Retweet animation */
 /* stylelint-disable-next-line selector-not-notation */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "1.7.2rc5-nightly",
+  "version": "1.7.2-nightly",
   "description": "",
   "main": "index.js",
   "scripts": {