Priority: Enhancement
Current State: Closed
Released In: n/a
Target Release:
Applies To: Extension
Component: NatSkin
Branches:
I don't have the right words to describe it, this two images worth a thousand words.
- JazzyNoteStyle - Original
- JazzyNoteSyle - Modified
I've added more items in the SiteMenu of NatSkin, and set the SiteSideBar to be displayed to the left side of the page.
But when a user uses the zoom feature in the web browser the SiteSideBar is misaligned and centered to the border of the right end of the SiteMenu (Refer to image #1). This behavior happens in Firefox and Chrome, but not in IE11.
A colleague help me to figure out that if I modify the file:
JazzyNoteStyle.css and replace the code:
.natWebMenu{margin-bottom:-1px}
With:
.natWebMenu{margin-bottom:0px}
The layout is maintained properly when zooming in the page (Refer to image #2). This behavior
only happen when
{NatSkin}{SideBar}: is set to
left.
Specifically I'm using:
{NatSkin}{Layout} = 'fixed';
{NatSkin}{Menu} = 1;
{NatSkin}{SideBar} = 'left';
{NatSkin}{Style} = 'JazzyNote';
{NatSkin}{Variation} = 'off';
--
AlexAnder - 19 Feb 2016
Thanks! Will add the fix to the next release.
--
MichaelDaum - 19 Feb 2016
Fixed in latest release.
--
MichaelDaum - 23 Jan 2017