rafaucau Boss81 This LESS code will remove labels under icons without side effects like touching buttons inside dropdowns: .MobileTab-items > li { > .Button, > a, > .Dropdown > .Button { > .Button-label { display: none; } } }
Boss81 @rafaucau Thank you very much. In the meantime, I also wrote a little code, and this is the result.
Indreksi Looks like this plugin causing some problems with Night mode in PWA 🙁 Is it possible to fix this? My website when Mobile Tab Component is enabled 🙁
rafaucau Indreksi Probably you just need to clear cache on your forum. I don't think it is this extension fault. It is installed for example on this forum https://forum.android.com.pl/ and there are no issues with PWA in dark mode.
Boss81 Hi @rafaucau Is there any way I can change the icons? I want to change them. It worked elsewhere on the site, but it doesn't want to go on the mobile tab. Could you possibly help with that?
rafaucau Boss81 You can read here how to extend this extension: https://github.com/android-com-pl/mobile-tab?tab=readme-ov-file#extending. So you need to remove menu item and add new one with your icon or overwrite icon prop on existing MobileTabItem ListItems. import { components } from "@acpl-mobile-tab"; import { extend } from "flarum/common/extend"; const { MobileTab, MobileTabItem } = components; extend(MobileTab.prototype, "items", (items) => { // your code here... })
Boss81 rafaucau I understand that you have to overwrite or create a new one, but which file needs to be modified?
rafaucau Boss81 You need to create your own extension that extends this extension. https://docs.flarum.org/extend/extending-extensions/ ➡️ https://github.com/android-com-pl/mobile-tab?tab=readme-ov-file#extending.. Another option is to create fork where you will directly modify this code: android-com-pl/mobile-tabblob/420b910c85a2d733ff225d0b876145f825603419/js/src/forum/components/MobileTab.tsx#L25-L83 In both cases, you need to have basic knowledge about developing extensions for Flarum.
arefh I have added the mobile tab to my site, but the home icon is written in Chinese and I cannot change it
rafaucau arefh If your forum is not in Chinese language, probably there is issue with your language pack. You can review and fix it here: https://weblate.rob006.net/projects/flarum/acpl-mobile-tab/ Or you have installed the wrong extension.
darrendriven I just added this extension in my fresh Flarum install. It went perfectly and I'm 100% happy. Thanks!
arefh rafaucau How can I put a link to create a new discussion with the + icon in the center in the mobile bar?
rafaucau 1.4.3 Change the viewport-fit so env(safe-area-inset-bottom, 0) is evaluated by Safari properly. by @jaggy in android-com-pl/mobile-tab11 Full Changelog: android-com-pl/mobile-tab1.4.2 → 1.4.3
tom23 rafaucau hi! We use Mobile Tab 1.4.3 Since we moved to another server it is not working correctly Language is wrong. At the Home button it shows the Text: Private Messages Any idea how to fix this?
robinodds tom23 yes. You can change it with Linguistic ext: https://discuss.flarum.org/d/7026-linguist-customize-translations-with-ease
