Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. andyferriby
    A
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    andyferriby

    @andyferriby

    0
    Reputation
    2
    Posts
    403
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    andyferriby Follow

    Posts made by andyferriby

    • RE: iPhone X screen

      Many thanks, its now working correctly… But just one more question… My app now fits the whole iphone x screen, but my apps colour is red and now at the top of the screen is, just below the notch, its white, if you get me… How can i change that part from white to red so it fills the top part?

      Many Thanks

      posted in Onsen UI
      A
      andyferriby
    • iPhone X screen

      Hi i have updated my app using the code below (added it to /www/lib/onsen/css/onsenui-core.css) Is there some other code i need to add as well as cant seem to find it

      }
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“right”] .page__content > .list:not(.list–inset) > .list-header {
      padding-left: 15px;
      }
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“right”] .page__content > .list:not(.list–inset) > .list-item {
      padding-left: 14px;
      }

      /* Suppress right safe area support for pages in left splitter sides */
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“left”] .page__content > .list:not(.list–inset) {
      margin-right: 0;
      }
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“left”] .page__content > .list:not(.list–inset) > .list-item–chevron:before {
      right: 16px;
      }
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“left”] .page__content > .list:not(.list–inset) > .list-item > .list-item__center:last-child {
      padding-right: 6px;
      }
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“left”] .page__content > .list:not(.list–inset) > .list-item > .list-item__right {
      padding-right: 12px;
      }
      html[onsflag-iphonex-landscape] ons-splitter-side[side=“left”] .page__content > .list:not(.list–inset) > .list-item > .list-item–chevron__right {
      padding-right: 30px;
      }
      }

      but when i build and run the app on my own iPhone X, the screen is just the same as the normal iphone (black bar at the top and the bottom). What else do I need to add to make the app full screen on the iPhone X?

      posted in Onsen UI
      A
      andyferriby