1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Fixed notices / browser-window

Discussion in 'Resolved Bug Reports' started by erich37, Sep 22, 2011.

  1. erich37

    erich37 Well-Known Member

    "Notice" at the XF-Homepage:

    when decreasing the browser-window, the text somehow shows strange.....
    is this because of the fluid-width style?

    this is regarding the Notice at the Homepage, which is not scrolling.

    when_browser_window_smaller.gif
     
  2. CyclingTribe

    CyclingTribe Well-Known Member

    Like most things in your browser window though - you'd expect it to re-align when resizing the screen.

    If it can be modified so that it doesn't do it - I would expect that would be a more desired behaviour.

    Cheers,
    Shaun :D
     
    Brett Peters and erich37 like this.
  3. erich37

    erich37 Well-Known Member

    wondering how this will work when using an image for the notice at the homepage ?
     
  4. Brett Peters

    Brett Peters Well-Known Member

    Just came across this one and was actually surprised as my message was centered
     
  5. erich37

    erich37 Well-Known Member

    nope.
    just resize your browser-window in different sizes and you will see that this is still strange.....
     
  6. Brett Peters

    Brett Peters Well-Known Member

    Thats why I was surprised, using <center> just doesn't seem to work when you resize :(
    I dont know what is going on with the blue background color when browsing through a proxy :confused: (very strange)

    Do you think adding min width or something to css for a temp fix would work ?
     
  7. Miko

    Miko Well-Known Member

    Confirmed!

    Also trying to figure it out the markup of the notice system and why the need of repeating the <li> and content 3 times over.

    Code:
    <div data-interval="2500" data-speed="400" data-vertical="0" id="Notices" class="PanelScroller">
        <div class="scrollContainer">
            <div class="PanelContainer" style="overflow: hidden; height: 42px;">
                <ol class="Panels" style="width: 20000em; left: -881px;"><li class="panel Notice DismissParent cloned" style="float: left; width: 1160px; height: 42px;">
        <div class="baseHtml noticeContent">Test Notice!</div>
    
            <a data-offsetx="-7" class="DismissCtrl Tooltip" href="index.php?account/dismiss-notice&amp;notice_id=1">Dismiss Notice</a>
    </li>
    
                        <li class="panel Notice DismissParent" style="float: left; width: 1160px; height: 42px;">
        <div class="baseHtml noticeContent">Test Notice!</div>
    
            <a data-offsetx="-7" class="DismissCtrl Tooltip" href="index.php?account/dismiss-notice&amp;notice_id=1">Dismiss Notice</a>
    </li>
    
                <li class="panel Notice DismissParent cloned" style="float: left; width: 1160px; height: 42px;">
        <div class="baseHtml noticeContent">Test Notice!</div>
    
            <a data-offsetx="-7" class="DismissCtrl Tooltip" href="index.php?account/dismiss-notice&amp;notice_id=1">Dismiss Notice</a>
    </li></ol>
            </div>
        </div>
    
    </div>
    Video displaying the Bug

     
  8. erich37

    erich37 Well-Known Member

  9. Mike

    Mike XenForo Developer Staff Member

    Fixed now.

    (For devs who might be wanting to close the sidebar, you should trigger an event: $('.mainContent').triggerHandler('XenForoResize'); so that the notices will reflow.)
     
    Onimua and erich37 like this.
  10. erich37

    erich37 Well-Known Member

    Mike, you are genius !

    The notice looks fine now at the homepage.
    Just wondering of the "hopping" of the notice is also fixed ?
     
  11. Miko

    Miko Well-Known Member

    Thank you Mike for the trigger suggestion :)
     
  12. Miko

    Miko Well-Known Member

    hmmm triggering the XenForoResize is not reflowing the notices is i animate .mainContent.
    Any suggestion?

    Thank you :)
     

Share This Page