Responsive Message Controls Menu 1.1.2

[Steve F]

Steve F submitted a new resource:

Message Controls Menu - Save space in responsive views :)

This small add-on adds a responsive menu in messages for the private controls. With it installed it does save quite a bit of space when viewing in the narrowest responsive views. This is already implemented in our XenBase framework, for the next release, that is used to build all our styles on @ https://pixelexit.com

The menu will show in Medium and Narrow Responsive views, any other views will show the default text links.

The idea derived from this...

Read more about this resource...

 

[Chris D]

Great work, Steve. Love this.

Might give this a try when I'm less busy!

 

[DEZero]

Will definitely use on my gaming site great work Steve

 

[Steve F]

I hope the silence is a good thing

Being out of town and having to browse my own forum with my phone has been quite nice. Easier to tap the links I want to tap.

 

[iTuN3r]

Just what i needed Steve !! Going to give this a try later this morning.

 

[Steve F]

Steve F updated Responsive Message Controls Menu with a new update entry:

Bug Fix

Small bug fix

• Fixed issue where the menu (only not control links) icon was visible to guest

Update - simply just upgrade the add-on.

Read the rest of this update entry...

 

[Steve F]

Steve F updated Responsive Message Controls Menu with a new update entry:

Icon change

Took the time to remove the Font Awesome dependency and instead the menu icon is now using the default XenForo 'menuIcon' as seen in the navigation when viewing responsive.

View attachment 83109

Read the rest of this update entry...

 

[Chris D]

Hi Steve,

Just installed the latest version and checked on the default style and I see this:



So it's the standard Menu rather than the XF menu Icon.

This is at https://xenresources.com if you want to take a look.

Chris

 

[Steve F]

Did it create the template 'message_control_menu.css' ?

 

[Chris D]

Nope, that template doesn't appear in the XML file.

Just downloaded again, that template appears to be missing.

 

[Steve F]

Steve F updated Responsive Message Controls Menu with a new update entry:

Template update

Forgot to attach the template to the add-on

Read the rest of this update entry...

 

[Chris D]

Works great now

 

[Steve F]

Steve F updated Responsive Message Controls Menu with a new update entry:

Bug Fix

After reading a post by @Mike Creuzer I realized the History link being moved in the menu did not work as it should, well not at all. So I have applied a fix by using an Overlay.

• Fixed History Toggle not working
• Added a Add-on prefix [PE]

Read the rest of this update entry...

 

[rainmotorsports]

Thanks Steve this is perfect. The overflow might not seem like much harm on the stock theme. But on the vBulletin like control styling we run it's essential:

 

[Stuart Wright]

Got some problems with this in our style, most probably because we display the post information (poster, timestamp) above the post and the menu appears correctly below the post but also incorrectly above it, which is not what I want to happen. I've highlighted the errors in the screen capture below.
I'm guessing this is an issue with the template search+replace?
What should I do?

 

[Steve F]

I think this will work for you.

Add this to EXTRA.css (or whatever template you add your customizations to)

.message .visibleResponsiveMedium .InlineModCheck,
.message .visibleResponsiveMedium .authorEnd,
.message .visibleResponsiveMedium .datePermalink
{
    display: none;
}

Edit: I just noticed it was also apply to the upper. I'll register and see if there is something else I can do.

 

[Steve F]

Got some problems with this in our style, most probably because we display the post information (poster, timestamp) above the post and the menu appears correctly below the post but also incorrectly above it, which is not what I want to happen. I've highlighted the errors in the screen capture below.
I'm guessing this is an issue with the template search+replace?
What should I do?

View attachment 84631

This should do

.messageMeta .visibleResponsiveMedium .InlineModCheck,
.messageMeta .visibleResponsiveMedium .authorEnd,
.messageMeta .visibleResponsiveMedium .datePermalink
{
    display: none;
}

.messageMeta2 .visibleResponsiveMedium .InlineModCheck,
.messageMeta2 .visibleResponsiveMedium .authorEnd,
.messageMeta2 .visibleResponsiveMedium .datePermalink
{
    display: block;
}

 

[Stuart Wright]

Thanks but the new control menu is still appearing above the post.

 

[Steve F]

Thanks but the new control menu is still appearing above the post.

Can you grab another screenshot of what you see? Or try the below and see if it works? Without seeing everything I can't really debug it.

.messageMeta2 .Popup.privateControlsPopup.item
{
display: none;
}
.messageMeta .visibleResponsiveMedium .InlineModCheck,
.messageMeta .visibleResponsiveMedium .authorEnd,
.messageMeta .visibleResponsiveMedium .datePermalink
{
display: none;
}

.messageMeta2 .visibleResponsiveMedium .InlineModCheck,
.messageMeta2 .visibleResponsiveMedium .authorEnd,
.messageMeta2 .visibleResponsiveMedium .datePermalink
{
display: block;
}

 

[Stuart Wright]

Thanks, I did a bit of tidying up and put this in in the end, which works:

.messageMeta .InlineModCheck,
.messageMeta .authorEnd,
.messageMeta2 .authorEnd,
.messageMeta .datePermalink,
.messageMeta2 .Popup.privateControlsPopup.item
{
  display: none;
}

.messageMeta2 .InlineModCheck,
.messageMeta2 .datePermalink
{
  display: block;
}

Still working on optimising it.