• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Responsive Message Controls Menu

Responsive Message Controls Menu 1.1.2

No permission to download

Steve F

Well-known member
#1
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...
 

Steve F

Well-known member
#4
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. :)
 

Chris D

XenForo developer
Staff member
#8
Hi Steve,

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

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

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
 

Chris D

XenForo developer
Staff member
#10
Nope, that template doesn't appear in the XML file.

Just downloaded again, that template appears to be missing.
 

Stuart Wright

Well-known member
#15
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.jpg
 
Last edited:

Steve F

Well-known member
#16
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:

Steve F

Well-known member
#17
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;
}
 

Steve F

Well-known member
#19
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;
}
 

Stuart Wright

Well-known member
#20
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: