[UI improvement] admin subnav padding

For problem reports, and discussions about the CMSMS 2.2 beta.

This board will be locked once CMSMS 2.2 is officially released.
Locked
User avatar
Franck
Dev Team Member
Dev Team Member
Posts: 248
Joined: Tue Jun 12, 2007 1:29 pm
Location: France

[UI improvement] admin subnav padding

Post by Franck »

In some languages, the link text in admin subnavigation can be very long, and can overflow on the right (see attachment).

My suggestion would be to reduce padding on the following element (+ hover and active states):

Code: Select all

nav ul#oe_pagemenu li.current li a, nav ul#oe_pagemenu li li a, nav ul#oe_pagemenu li:hover li a {
    height: auto;
    line-height: 1.3;
    white-space: pre-line;
    word-break: normal;
    padding: 5px 5px 5px 30px;
    color: #232323;
    font-weight: normal;
    background-image: none;
    background: none;
}
And set padding left to 5px.

What do you think?
Attachments
Capture d'écran 2017-05-18 16.40.34.png
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7754
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: [UI improvement] admin subnav padding

Post by Rolf »

This is my screen with French installed:
ScreenHunter_71 May. 18 17.34.jpg
Image
- + - + - + - + - + -
Latest CMSMS tutorial: FormBuilder WatchGuard
- + - + - + - + - + -
Did my post help you solving a problem at your (customers) website and it saved you many hours of work?
Great!! Buy me a cup of coffee in return as a small token of appreciation!
jce76350
Beta Tester
Beta Tester
Posts: 1950
Joined: Mon May 29, 2006 1:20 pm
Location: Rouen

Re: [UI improvement] admin subnav padding

Post by jce76350 »

my screen standard install
Image
Jean-Claude Etiemble
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7754
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: [UI improvement] admin subnav padding

Post by Rolf »

Thanks for the reply both!

It looks like it is dependent on what font files are installed at the local machine... If font X isn't there, the browser takes font Y...

Anyway, we are to late in the beta process to test and change things here. We will investigate this for 2.3 release, where we have planned to give the Admin theme an overhaul anyway!

Grtz. Rolf
Image
- + - + - + - + - + -
Latest CMSMS tutorial: FormBuilder WatchGuard
- + - + - + - + - + -
Did my post help you solving a problem at your (customers) website and it saved you many hours of work?
Great!! Buy me a cup of coffee in return as a small token of appreciation!
User avatar
Rolf
Dev Team Member
Dev Team Member
Posts: 7754
Joined: Wed Apr 23, 2008 7:53 am
Location: The Netherlands
Contact:

Re: [UI improvement] admin subnav padding

Post by Rolf »

Just for the record, I reproduced this.

Default admin theme CSS

Code: Select all

body, button, input, select, textarea {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
I have Open Sans font file at my laptop. When I rename it in the CSS, the next font is picked by the browser and I get the same result as you...
ScreenHunter_71 May. 18 20.31.jpg
Would probably be better to ship a default font file with the admin theme in 2.3 release...
Image
- + - + - + - + - + -
Latest CMSMS tutorial: FormBuilder WatchGuard
- + - + - + - + - + -
Did my post help you solving a problem at your (customers) website and it saved you many hours of work?
Great!! Buy me a cup of coffee in return as a small token of appreciation!
User avatar
Franck
Dev Team Member
Dev Team Member
Posts: 248
Joined: Tue Jun 12, 2007 1:29 pm
Location: France

Re: [UI improvement] admin subnav padding

Post by Franck »

Rolf wrote: Would probably be better to ship a default font file with the admin theme in 2.3 release...
Definitely, yes.
jce76350
Beta Tester
Beta Tester
Posts: 1950
Joined: Mon May 29, 2006 1:20 pm
Location: Rouen

Re: [UI improvement] admin subnav padding

Post by jce76350 »

wait and see ;)
Jean-Claude Etiemble
Locked

Return to “[locked] CMSMS 2.2 Beta”