علامة تبويب التنقل المحمول F NAV

[joo (slower)]

Does the component support adding a Post button to the F nav tabs ?

[Don]

Do you mean create new topic tab?

[joo (slower)]

Yes. Add a “Post New Topic” button to the F nav tabs area.

[Don]

Sure, that’s possible just add the tab to that position in the setting.

@Don

E.g. adding topic creation tab will simply looks like this.

[ozkn (Mathx)]

Hello @Don,
Theme component is giving error after the latest update of discourse and it is not working

[Don]

Hello

F NAV - Mobile Navigation Tabs

Oh okay, got it. Thanks for the report. The scrollTop mixin was removed from the core, and that caused the issue. But we don’t actually use it, so it probably just got left in there by accident. Fixed it here: FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub Please update the component.

[joo (slower)]

I’m still using your SoundCloud Music Player component, and I have a couple of questions.

A couple of points on the SoundCloud Music Player:

• Mobile Overlap: On mobile, it overlaps with “F NAV - Mobile”. Can its mobile position be optimized?
• YouTube Music: Any plans to support YouTube Music in this component?

[digitaldominica]

Hi, is it possible to add the new topic button to the bottom bar?

[Don]

F NAV - Mobile Navigation Tabs

Sure, that’s possible just add the tab to that position in the setting.

[digitaldominica]

Thanks, It works. I was using your floating nav button component but was given me errors so I had to disable and remove it.

[Shauny (Shaun Robinson)]

I’m thinking about adding this to my forum but I just tested it on the Theme Creator and when you have a draft in progress you cannot use the tabs because they are covered up:

[Don]

Hello Thanks for the report! Here is a fix and also makes some other improvements: FIX: Issue with flashing on iOS devices, prevents closing on scroll-lock too and fixes the reply draft position by VaperinaDEV · Pull Request #5 · VaperinaDEV/f-nav-for-mobile · GitHub

[ozkn (Mathx)]

Hello @don can we add text like home, notification, message under the icons in the component?

[Don]

Hello @ozkn

Thanks, I’ve just merged an update to support this feature: FEATURE: Show tab label by VaperinaDEV · Pull Request #6 · VaperinaDEV/f-nav-for-mobile · GitHub

A new theme setting has been added: f_nav_show_labels

Tab labels are now displayed based on the name values from the f_nav_tabs setting.

On topic pages, the “Home” tab label is replaced with the js.back_button key.

[ozkn (Mathx)]

thanks @don

[digitaldominica]

Hi @Don I notice I can’t change the message icon, it’s hardcoded, is there any work around for that so I can change the button icon to something else?

[satonotdead]

This theme component is awesome, thanks! It seems to be not ready for Horizon yet?

Tried to hide that icon in many ways and nothing worked. It appears only on mobile, not in desktop.

[EDIT] Already did it as follows:

// Hide user menu panel on mobile
.d-header-icons .header-dropdown-toggle [data-identifier="avatar-profile"] {
display: none !important;
}

I prefer the navbar fixed, so I tweaked a bit the component:

// Fix navigation (desktop on mobile) on scrolling
body.f-nav-hidden:not(
    .archetype-regular,
    .archetype-private_message,
    .has-full-page-chat
  )
  .list-controls {
  position: static;
}

That prevents the scroll auto-hiding feature for those who are looking the same.

[MihirR (Mihir)]

Was looking for something similar but for the header actually.

[MihirR (Mihir)]

In case someone needs sticky header here it is:

```

body.f-nav-hidden .d-header-wrap {
animation: none !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important; // ensure it stays above other elements
}

```

[clacle]

Do you have this issue: when I add a chat, the position of the “number” in the received message is incorrect?