Re: [fossil-users] Fossil 2.1 menu scrunch.

[Warren Young]

On Mar 8, 2017, at 9:07 AM, sky5w...@gmail.com wrote:
> 
> Yeah, I'm just pointing out a change from v2.0 and down.

Are you sure it’s a change to the default Fossil skin?  I’m a bit blinkered 
when it comes to such things, since I always customize the skin, so my Fossil 
skins never change from one release to the next.  I assumed that once you set a 
skin on a given repository that it never changes even if you use a stock skin, 
but maybe not.

Anyway, you can force a  to only scroll horizontally by adding

   overflow: auto;
   overflow-y: hidden;

to its CSS.

Horizontall scrolling is generally undesirable, though, at least with mouse 
users, since many mice have no horizontal scrolling feature, and those that do 
are generally clumsier at it than when doing vertical scrolling.

Still, if you want it, there it is.

As indicated above, if you do this, you effectively pin the skin in place so 
future changes don’t bother you ever again.  The downside is that you then have 
to manually integrate any upstream changes you do want later on.  There is a 
handy CSS diffing tool built into Fossil UI to help with this.  Some of the 
skin changes made in 1.37 required me to learn about this.
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Re: [fossil-users] Fossil 2.1 menu scrunch.

[sky5walk]

Yeah, I'm just pointing out a change from v2.0 and down.
I think it's the 'underlining' effect that is taking extra room as the menu
collapses with zoom. Some earlier versions don't even attempt menu wrap and
make use of horizontal scrollbar. No biggie as I may be confusing stock
skins with whatever fossil-scm.org is adding?

On Wed, Mar 8, 2017 at 6:37 AM, Warren Young  wrote:

> On Mar 7, 2017, at 9:58 AM, sky5w...@gmail.com wrote:
> >
> > But, the scrunch appears with no scrollbar.
>
> I’m not sure what behavior you’re expecting, but what I see looks like
> perfectly sane HTML rendering behavior.  There isn’t enough room for
> “Download”, its padding, or the separator that’s attached to the menu item
> in the CSS.  Therefore, the browser must break the line at that point.
>
> What do you expect instead?
>
> > My zoom is 175%.
>
> If you just want to know how to make that skin work in the window width
> you’re willing to give the browser, despite your zoom level, I see two main
> options:
>
> 1a. Edit the skin to reduce the amount of padding around menu items.
> Under Admin > Skins > CSS, find the “.mainmenu a” block and decrease the
> second “padding” value.  (In 2-value form, the first value is top and
> bottom padding, and the second is left-right padding.)
>
> 1b. Same idea, only reduce font sizes or change typefaces to achieve the
> same end.
>
> 2. Remove menu items you don’t use to make room.  Do this via the same
> path in the UI, except that the last step is Header.
> ___
> fossil-users mailing list
> fossil-users@lists.fossil-scm.org
> http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users
>
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users

Re: [fossil-users] Fossil 2.1 menu scrunch.

[Warren Young]

On Mar 7, 2017, at 9:58 AM, sky5w...@gmail.com wrote:
> 
> But, the scrunch appears with no scrollbar.

I’m not sure what behavior you’re expecting, but what I see looks like 
perfectly sane HTML rendering behavior.  There isn’t enough room for 
“Download”, its padding, or the separator that’s attached to the menu item in 
the CSS.  Therefore, the browser must break the line at that point.

What do you expect instead?

> My zoom is 175%.

If you just want to know how to make that skin work in the window width you’re 
willing to give the browser, despite your zoom level, I see two main options:

1a. Edit the skin to reduce the amount of padding around menu items.  Under 
Admin > Skins > CSS, find the “.mainmenu a” block and decrease the second 
“padding” value.  (In 2-value form, the first value is top and bottom padding, 
and the second is left-right padding.)

1b. Same idea, only reduce font sizes or change typefaces to achieve the same 
end.

2. Remove menu items you don’t use to make room.  Do this via the same path in 
the UI, except that the last step is Header.
___
fossil-users mailing list
fossil-users@lists.fossil-scm.org
http://lists.fossil-scm.org:8080/cgi-bin/mailman/listinfo/fossil-users