You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@jspwiki.apache.org by Gary Kephart <ga...@pobox.com> on 2021/04/17 23:24:55 UTC

Left Menu width (Haddock)

What's the best way to change the LeftMenu width?

I can tell that it's actually the "sidebar" class's width that needs to 
be changed. It's currently set to 21.654752221994123% and I'd like it 
more like 15%. The "page" class width is 78.34524777800587%. Obviously, 
there's some computation that's going on, and I'm betting it's with 
Bootstrap, but I'm not very familiar with Bootstrap.

Thanks,
   Gary

-- 
Gary Kephart
Facebook: gary.kephart
Twitter: @garykephart

"The penalty that good men pay for not being interested in politics is to be governed by lesser men." -- Plato.


Re: Left Menu width (Haddock)

Posted by Juan Pablo Santos Rodríguez <ju...@gmail.com>.
Hi,

as a side note, and because I remember noticing / asking time ago, why the
21.654752221994123% and not anything else,
rounder, like f.ex 20%? Well it is so the Sidebar and the page content
mantain a golden ratio based proportion; even more,
phi is declared as a less variable on source! [#1]

This way the page layout is more visually appealing; on the former source
link there is also a link to an article with a formal
explanation on the reasoning of this kind of layouts.

It is one of those things that really catches my eye every time I stumble
upon it - you have to put a lot care and attention to
details to came up with things like this. Every time I pass through there
it's like, hats off, Dirk!


cheers,
juan pablo

[#1]:
https://github.com/apache/jspwiki/blob/master/jspwiki-war/src/main/styles/haddock/default/variables.less#L97-L103

On Mon, Apr 19, 2021 at 7:33 AM Gary Kephart <ga...@pobox.com> wrote:

> That worked very nicely.
>
> Thanks,
>    Gary
>
> On 4/18/2021 4:34 AM, Dirk Frederickx wrote:
> > Hi Gary,
> >
> > Tx for the question.
> > Changing the style of the left-menu is not trivial, because of the way it
> > is currently set up.  (ref. compatibility with older browsers)
> > Hence I created a how-to page:
> >
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20width%20of%20the%20LeftMenu
> >
> > Hope this helps,
> >         dirk
> >
> >
> > On Sun, Apr 18, 2021 at 1:25 AM Gary Kephart <ga...@pobox.com>
> wrote:
> >
> >> What's the best way to change the LeftMenu width?
> >>
> >> I can tell that it's actually the "sidebar" class's width that needs to
> >> be changed. It's currently set to 21.654752221994123% and I'd like it
> >> more like 15%. The "page" class width is 78.34524777800587%. Obviously,
> >> there's some computation that's going on, and I'm betting it's with
> >> Bootstrap, but I'm not very familiar with Bootstrap.
> >>
> >> Thanks,
> >>     Gary
> >>
> >> --
> >> Gary Kephart
> >> Facebook: gary.kephart
> >> Twitter: @garykephart
> >>
> >> "The penalty that good men pay for not being interested in politics is
> to
> >> be governed by lesser men." -- Plato.
> >>
> >>
>
>
> --
> Gary Kephart
> Facebook: gary.kephart
> Twitter: @garykephart
>
> "The penalty that good men pay for not being interested in politics is to
> be governed by lesser men." -- Plato.
>
>

Re: Left Menu width (Haddock)

Posted by Gary Kephart <ga...@pobox.com>.
That worked very nicely.

Thanks,
   Gary

On 4/18/2021 4:34 AM, Dirk Frederickx wrote:
> Hi Gary,
>
> Tx for the question.
> Changing the style of the left-menu is not trivial, because of the way it
> is currently set up.  (ref. compatibility with older browsers)
> Hence I created a how-to page:
> https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20width%20of%20the%20LeftMenu
>
> Hope this helps,
>         dirk
>
>
> On Sun, Apr 18, 2021 at 1:25 AM Gary Kephart <ga...@pobox.com> wrote:
>
>> What's the best way to change the LeftMenu width?
>>
>> I can tell that it's actually the "sidebar" class's width that needs to
>> be changed. It's currently set to 21.654752221994123% and I'd like it
>> more like 15%. The "page" class width is 78.34524777800587%. Obviously,
>> there's some computation that's going on, and I'm betting it's with
>> Bootstrap, but I'm not very familiar with Bootstrap.
>>
>> Thanks,
>>     Gary
>>
>> --
>> Gary Kephart
>> Facebook: gary.kephart
>> Twitter: @garykephart
>>
>> "The penalty that good men pay for not being interested in politics is to
>> be governed by lesser men." -- Plato.
>>
>>


-- 
Gary Kephart
Facebook: gary.kephart
Twitter: @garykephart

"The penalty that good men pay for not being interested in politics is to be governed by lesser men." -- Plato.


Re: Left Menu width (Haddock)

Posted by Dirk Frederickx <di...@gmail.com>.
Hi Gary,

Tx for the question.
Changing the style of the left-menu is not trivial, because of the way it
is currently set up.  (ref. compatibility with older browsers)
Hence I created a how-to page:
https://jspwiki-wiki.apache.org/Wiki.jsp?page=How%20to%20change%20the%20width%20of%20the%20LeftMenu

Hope this helps,
       dirk


On Sun, Apr 18, 2021 at 1:25 AM Gary Kephart <ga...@pobox.com> wrote:

> What's the best way to change the LeftMenu width?
>
> I can tell that it's actually the "sidebar" class's width that needs to
> be changed. It's currently set to 21.654752221994123% and I'd like it
> more like 15%. The "page" class width is 78.34524777800587%. Obviously,
> there's some computation that's going on, and I'm betting it's with
> Bootstrap, but I'm not very familiar with Bootstrap.
>
> Thanks,
>    Gary
>
> --
> Gary Kephart
> Facebook: gary.kephart
> Twitter: @garykephart
>
> "The penalty that good men pay for not being interested in politics is to
> be governed by lesser men." -- Plato.
>
>