Topic on Skin talk:Medik

Jump to navigation Jump to search

More options for the $wgMedikContentWidth setting

11
Summary by Slepi

Available in version 3.1.1 or later.

Kghbln (talkcontribs)

Currently there are the following two options (sidebar left/main content/area right):

  • default: 2/9/1
  • full: 2/10/0

I personally am a fan of balance and consistency and would be happy to see something like:

  • narrow: 2/8/2
  • wide: 1/10/1

I see use for both options though I slightly prefer narrow. I can imagine that it will not be easy to implement further options here.

Slepi (talkcontribs)

Hmm... interesting idea! I think I could implement this, especially the narrowversion could be fine.

I'm not sure about the wide version as 1 on the left would make the sidebar really narrow (i.e. good only for 1-word items without a logo). Maybe I'll make some screenshots first and let you know.

Thanks again!

(Note: default/full only applies to >1200px, medium screens are always 3-9-0 and small mobile screens 0-12-0.)

Kghbln (talkcontribs)

It will be cool if it is not too much work, especially narrow. I thinks this would really look much better. Also it avoids the content area to be too wide and improves readability of content.

When it comes to wide I guess it could still work with a 135px logo. When it comes to words I also use soft hyphens to get things going if they are too wide.

Thanks for your note. This is fine. I spent 99.5 % of my browsing time on wide screens which explains why most suggestions come from this direction.

Slepi (talkcontribs)

Hi, @Kghbln, please try the narrow option with the updated code now!

(As for the wide option, I still need to figure it out - so that the logo is smaller and some other minor changes... hmm, anyway, I'll certainly get back soon.)

Thanks!

Kghbln (talkcontribs)

Wow, this was fast. I am amazed! Just checked out master. Works perfect! This is really cool! I am already 100% happy. :)

As soon as wide is available I will give it a try too. Actually the wiki that had problems with the ads indirectly asked if something like this was possible.

EDIT: I just switched my personal wiki to Medik as the default!

Slepi (talkcontribs)

Hi, @Kghbln, please check out master branch again and try the wide option!

I've made the logo in the sidebar smaller and changed the sizes of the columns: for medium screens it's 2/10/0 and for x-large screens it's 1/10/1 now.

After you test that, I'll update the skin version to 3.1.0. :-)

Thanks a lot!

Kghbln (talkcontribs)

@Slepi: This is really cool!!! I just tested the wide option. First I was wondering why you chose 4em as the width and height of the logo but when I came up with the idea of testing it with my laptop. :) A sensible choice. I guess here we will perhaps have edge cases for some widths but still it works. I did not find any issues. No problem to make the 3.1.0 release!! :)

Slepi (talkcontribs)

Hello, @Kghbln, thanks for testing! Yeah... well, I use 11.6"-13.3" laptops most of my life, there comes my bias. :-) I have tried to fix that, the logo will be larger now with maximum at 10×10em (which is the default of MediaWiki anyway). Please, try to update and let me know if that's better.

Kghbln (talkcontribs)

@Slepi: I think that the automatic resizing of the logo is better. Still there are some edge-cases between 1200 and 1340 where the logo is a bit wider than the sidebar column however we are talking about 7% of all users world-wide. Hmm, I think you should be affected with 13.3"... My laptop is at 1366 - lucky me. Still I do not really like to use laptops and avoid them if possible - I am a bit quaint here.

Slepi (talkcontribs)

Thanks for feedback again. And sorry, my mistake - I used wrong sample logo with transparent margins, that's why I haven't realized that edge case. I replaced my sample with AW-Wiki's logo and now I'm trying to fix the logo size with more flexible CSS clamp() (see here) and it looks better for me, although I'm not sure about the consistent behaviour of this, so we'll see.

Kghbln (talkcontribs)

Wow, did not know yet that clamp existed. This is one to remember. Indeed this fixed the issue with the edge cases between 1200 and 1340 I mentioned before. Utterly cool!