Commit graph

11 commits

Author SHA1 Message Date
Volker E 51dd4bb7d9 Remove ignored properties in certain combinations
Removing
- `clear` when used with `position: absolute`
- `float` when used with `position: absolute`

Change-Id: I14661c4078e4d5f776596842674cef7e7ddcf708
2019-10-23 14:54:45 -07:00
Isarra 411a015ec5 Move DataAfterContent outside of main content block
Bug: T226199
Change-Id: Ie04d8d2bb1d44ec8a1c03fcc6f807668bab0377c
2019-06-20 17:55:55 +00:00
Volker E 609c11c51e De-specify selectors in 'responsive.less'
Reduce selector specificity in 'responsive.less' to a saner level.

Change-Id: I5f3a84b86e901589ce8b0cdec36e423693b693e9
2019-06-17 19:05:04 -07:00
Volker E 0e089a0d4c build: Update 'stylelint-config-wikimedia' and make pass
Change-Id: I147ea18307c58c5091c5ad79585b5acec9d46235
2018-12-02 14:40:28 -08:00
Timo Tijhof 7308909be7 Use @width-breakpoint-tablet instead of @deviceWidthTablet
Use the 'mediawiki.ui/variables' module instead of the deprecated
implied global variable.

Bug: T140804
Change-Id: Ib1b2808df2384473bfac47f53a5d25d7c9bbca2b
2018-08-09 17:57:33 +01:00
Volker E fff89b5352 Lower CSS selector specificity on Vector tabs and menu
Lowering selector specificity, higher specificity is unneeded here.

Change-Id: I36779db2d526e1496d2ddcb70ce86968e0d8ad39
2018-05-23 13:52:41 +02:00
Volker E 4de3ad227f Lower CSS specificity of #footer rules
Change-Id: Id34ed322bde783a1aaaa843b78191dab2191b4d4
2018-03-17 13:11:37 -07:00
jo12bar 565011c5c4
Use global variable for tablet media query in responsive.less
The Vector skin's responsive mode originally used 768px as a hardcoded
value for the media query set up in skin.json. I attempted to
switch to the @deviceWidthTablet global Less variable provided by
MediaWiki inside skin.json, but this would not work under any
circumstances. Evidently, ResourceLoader does not compile Less, so
it just ignores the media query if it contains a Less variable.
I was forced to leave the media query within skin.json blank
and hard-code it into responsive.less. When using the
@deviceWidthTablet variable inside responsive.less, it worked
fine. Obviously this is not ideal, as I am bypassing ResourceLoader,
but I have no other choice. See this comment (T124994#2864136) for
details.

Bug: T124994
Change-Id: I28565e5ba88be41dcd9cb38fc09cffe29d263e06
2016-12-13 15:27:38 -08:00
James D. Forrester 0019f6d5a5 build: Introduce stylelint and make pass
Change-Id: I48d542580d767df2d17ce4c6668e9e233a0f7904
2016-11-29 08:40:03 -08:00
Derk-Jan Hartman b1175c6288 Make tabs, actions and search usable in Responsive Vector
Much of this was hidden so far, but this brings them back into action.
It's perhaps not ideal, but it's the best I could come up with.

Bug: T106463
Change-Id: Ia33e2ac0aed0ffe8d0d96d8c3462b9d23c10bba2
2015-11-22 16:40:55 +01:00
Jack Phoenix cec2337aac Make Vector more responsive
This functionality is off by default, behind a configuration variable
($wgVectorResponsive) by popular developer demand.

CSS/LESS code by James Hare, with tweaks and testing by Jack Phoenix.

Bug: T46387
Change-Id: Ib611357bbce739b1d193abaf89c228ba52613d6a
2015-07-18 16:54:33 +00:00