https://bugzilla.wikimedia.org/show_bug.cgi?id=32123

--- Comment #3 from Brion Vibber <[email protected]> 2011-12-07 21:52:24 UTC 
---
This seems to work nicely...

https://en.wikipedia.org/wiki/User:Brion_VIBBER/vector.css

^ added some test styles:

/* On wide screens, show these as two columns */

.portal-column-left {
  float: left;
  width: 60%;
}

.portal-column-right {
  float: right;
  width: 37%;
}

@media only screen and (max-width: 720px) {
  /* Decouple the columns on narrow screens */
  .portal-column-left, .portal-column-right {
    float: inherit;
    width: inherit;
  }
}


and used those instead of hardcoded left/right/width on
http://en.wikipedia.org/wiki/Portal:Literature/Mobile_redesign_attempt

With the styles active, on a regular browser this shows up with the double
columns, until you make the browser window narrower than 720px at which point
it switched to single-column. The mobile view doesn't get the styles at all so
shows the single column, but should do the same if it gets the styles, at least
on decent browsers.

-- 
Configure bugmail: https://bugzilla.wikimedia.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are on the CC list for the bug.

_______________________________________________
Wikibugs-l mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/wikibugs-l

Reply via email to