Merge pull request #145 from BuildFire/update-safe-area

update safe area

Author: mas-iota

plugin.json

@@ -4,7 +4,7 @@
 ,"pluginDescription":"Boost customer loyalty with our plugin, offering personalized engagement, rewards, and tailored experiences to keep users coming back and strengthen brand connections.\n"
 ,"pluginKeywords": "Points, Rewards, Loyalty, Redeem"
 ,"supportEmail":"support@buildfire.com"
-,"supportSite":"http://learn.appdocumentation.com/plugin-tutorials/loyalty-plugin-tutorial/"
+,"supportSite":"https://help.appdocumentation.com/how-to-use-the-loyalty-plugin"
 ,"offlineModeEnabled": true
 ,"control":{
   "content":{

widget/app.js

@@ -253,6 +253,8 @@
       })
       .run(['Location', '$location', '$rootScope', 'RewardCache', 'ViewStack', 'Context', '$window',
           function (Location, $location, $rootScope, RewardCache, ViewStack, Context, $window) {
+              buildfire.appearance.titlebar.show();
+              
               buildfire.messaging.onReceivedMessage = function (msg) {
                   switch (msg.type) {
                       case 'AddNewItem':

widget/assets/styles/style.css

@@ -79,8 +79,7 @@ next-btn .amount-next-btn {
 }
 
 html[safe-area="true"] body.has-safe-area .done-btn-container {
-    padding-bottom: calc(2rem + constant(safe-area-inset-bottom)) !important;
-    padding-bottom: calc(2rem + env(safe-area-inset-bottom)) !important;
+    padding-bottom: calc(2rem + var(--bf-safe-area-inset-bottom)) !important;
 }
 
 .done-btn {
@@ -105,7 +104,7 @@ html[safe-area="true"] body.has-safe-area .done-btn-container {
 
 .layout1 .list-grid {
     padding: 12px !important;
-    padding-bottom: calc(24px + env(safe-area-inset-bottom));
+    padding-bottom: calc(24px + var(--bf-safe-area-inset-top));
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     grid-column-gap: 12px;
@@ -460,7 +459,7 @@ html[browser="Firefox"] .layout3 .list-layout .list-item-media .list-media-holde
 .amount-holder,
 .code-holder,
 .awarded-holder {
-    height: calc(100% - 4vh - env(safe-area-inset-bottom));
+    height: calc(100% - 4vh - var(--bf-safe-area-inset-top));
     position: relative;
     display: flex;
     align-items: center;
@@ -487,7 +486,7 @@ html[browser="Firefox"] .layout3 .list-layout .list-item-media .list-media-holde
 .alert-danger {
     position: absolute;
     width: calc(100% - 32px);
-    bottom: calc(0px + env(safe-area-inset-bottom));
+    bottom: calc(0px + var(--bf-safe-area-inset-top));
     left: 50%;
     transform: translateX(-50%);
 }