• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Scrollable Signatures

#1
I was wondering if there is a way to do scrollable signatures so that we can specify the height of each and then if it goes above that it adds a scrollbar.
 

Brogan

XenForo moderator
Staff member
#2
Open the message.css template.

Find this:
HTML:
.message .signature
{
	@property "messageSignature";
	font-size: 12px;
	color: @dimmedTextColor;
	padding: 5px 0 0;
	margin-top: 5px;
	border-top: 1px dashed @primaryLighterStill;
	@property "/messageSignature";
}
Change it to this:
HTML:
.message .signature
{
    @property "messageSignature";
    height: 30px;
    overflow-y: auto;
    font-size: 12px;
    color: @dimmedTextColor;
    padding: 5px 0 0;
    margin-top: 5px;
    border-top: 1px dashed @primaryLighterStill;
    @property "/messageSignature";
}

Or you can just add this to EXTRA.css:
HTML:
.message .signature
{
    height: 30px;
    overflow-y: auto;
}

Change the 30px to the height you want.
 

dieketzer

Well-known member
#4
HTML:
.message .signature
{
    height: 30px;
    overflow-y: auto;
}
i found that this rendered a horizontal scrollbar on any sig with an image right-justified.
this works for me though:
PHP:
/* scrollable sigs */
.message .signature
{
    height: 100px;
    overflow:auto;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
now to find an easy way to make the scrollbars 'theme'. i imagine a jquery plugin would do that easily enough
 

dieketzer

Well-known member
#5
one issue i was having with this was the fact that 'height: 100px;' was not only limiting sigs to 100 px in height, it was also reserving 100px in height. the result was a 100px high sig div even if the sig was a single line of text. this was not aesthetic.
i changed it to max-height, which is something approaching what most of us would be looking for i imagine.
i also added zero padding, although its effect is questionable. i was hoping to avoid this situation where a 105px 'allotment' is required to display a 100px sig without scrollbars.

PHP:
/* scrollable sigs */
.message .signature
{
max-height: 105px;
padding: 0px;
overflow:auto;
overflow-y: auto !important;
overflow-x: hidden !important;
}