Jump to content

The sidebar arrow


Morrigan

Recommended Posts

Posted

I know this may sound weird but I think the sidebar arrow needs to have a "position: relative;" added into the CSS by default. While I don't mind adding it manually, this causes problems on sites where the width of the IPB Wrapper element is less then the width of the screen. When you shrink the size of the width the arrow stays floating way out on the right hand side of the screen, no where near the sidebar so it can be confusing. I think all that is needed to be added is the "position: relative;" to the CSS and it fixes the problem entirely. ^_^

Thanks!

Posted

I know this may sound weird but I think the sidebar arrow needs to have a "position: relative;" added into the CSS by default. While I don't mind adding it manually, this causes problems on sites where the width of the IPB Wrapper element is less then the width of the screen. When you shrink the size of the width the arrow stays floating way out on the right hand side of the screen, no where near the sidebar so it can be confusing. I think all that is needed to be added is the "position: relative;" to the CSS and it fixes the problem entirely. ^_^



Thanks!



I'd remove position all together. I would add a float right to it. Then going into board index template add a <br class='clear'> so when you minimize the sidebar the arrow won't conflict with the forums.
Posted

It's the float: right; that actually causes it to float outside of the wrapper when you reduce the size of the wrapper. If you add the position: relative; it keeps it within the wrapper element right where it's supposed to be. ^_^

Posted

It's the float: right; that actually causes it to float outside of the wrapper when you reduce the size of the wrapper. If you add the position: relative; it keeps it within the wrapper element right where it's supposed to be. ^_^



By default the arrow doesn't float to the right. What causes it to be outside of the wrapper is the position absolute value. Adding relative to the position does nothing but push it to the top left (see first screenshot). Having it float to the right would align it correctly within the wrapper to the right side of the board (second screenshot). Then I would add the <br class='clear' /> so the arrow is above the sidebar and not pushing up against it (not shown in either screenshots) as shown in the second screen shot. Note, that I made the board width 700px.
Posted

O_O Okay *I'm sure that's probably what I did too it or something. >_>* It would just be nice if it were default so it didn't have to be added to every new skin based on the default skin.

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...