Responsive Message Controls Menu

Responsive Message Controls Menu 1.1.2

No permission to download

Steve F

Well-known member
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...
 
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. :)
 
Hi Steve,

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

upload_2014-9-8_8-56-23.webp

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
 
Nope, that template doesn't appear in the XML file.

Just downloaded again, that template appears to be missing.
 
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:
upload_2014-9-14_6-39-52.webp
 
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?

wrong.webp
 
Last edited:
I think this will work for you.

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

Code:
.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.
 
Last edited:
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

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

.messageMeta2 .visibleResponsiveMedium .InlineModCheck,
.messageMeta2 .visibleResponsiveMedium .authorEnd,
.messageMeta2 .visibleResponsiveMedium .datePermalink
{
    display: block;
}
 
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.

Code:
.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;
}
 
Thanks, I did a bit of tidying up and put this in in the end, which works:
Code:
.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.
 
Last edited:
Top Bottom