1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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

Discussion in 'Add-on Requests [Archive]' started by quicko, Dec 7, 2010.

  1. quicko

    quicko New Member

    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.
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
    LeaderJ, dieketzer and OperaManiac like this.
  3. quicko

    quicko New Member

    Thanks soo much!
     
  4. dieketzer

    dieketzer Well-Known Member

    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
    {
        
    height100px;
        
    overflow:auto;
        
    overflow-yauto !important;
        
    overflow-xhidden !important;
    }
    now to find an easy way to make the scrollbars 'theme'. i imagine a jquery plugin would do that easily enough
     
    Brogan likes this.
  5. dieketzer

    dieketzer Well-Known Member

    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-height105px;
    padding0px;
    overflow:auto;
    overflow-yauto !important;
    overflow-xhidden !important;
    }
     
  6. anotheralias

    anotheralias Well-Known Member

    I wish they could be put in a collapse box, then it wouldn't matter.
     
    dieketzer likes this.

Share This Page