- Edited
Justoverclock Oh, how I hate Apple
There are always some CSS issues that don't exist anywhere else.
Fortunately it can be fixed on iPhone only, without touching other phones - https://webkit.org/blog/7929/designing-websites-for-iphone-x/
Justoverclock Oh, how I hate Apple
There are always some CSS issues that don't exist anywhere else.
Fortunately it can be fixed on iPhone only, without touching other phones - https://webkit.org/blog/7929/designing-websites-for-iphone-x/
rafaucau Oh, how I hate Apple
That makes two of us.
Any solution for this?
Justoverclock I have added this to Custom CSS. Could you please check is it ok?
.MobileTab {
padding-bottom: 12px !important;
}
thimiraonline Yours will work, but better something like this:
.MobileTab {
padding-bottom: env(safe-area-inset-bottom)
}
I will release an update for this extension that fixes this.
I don't have an iPhone, but fortunately I was able to set up a macOS virtual machine on which the iPhone emulator runs, so I'll be able to test if it works.
rafaucau Not working on PWA.
excellent!
this one
Waizor Can you provide a URL ? I expect you want to move the comment count to the right ?
Waizor This CSS should fix that
ul.MobileTab-items li a, ul.MobileTab-items li .Button.hasIcon {
color: #ffffff;
}
Obviously, choose the HEX colour you want
Waizor It looks ok to me as a logged out user ?
Waizor Try replacing with this
ul.MobileTab-items li a, ul.MobileTab-items li .Button.hasIcon, ul.MobileTabs-items li.item-notifications {
color: #ffffff;
}
I can't say for 100% sure this will work without subscribing to your forum as the notification icon won't appear to logged out users.
[deleted] I think he should add !important tag