mediawiki-skins-Vector/skinStyles/ooui.less

@import '../variables.less';

.oo-ui-defaultOverlay,
.skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog,
.skin-vector .ve-ui-overlay-global {
	z-index: @z-index-overlay;
}

body > .oo-ui-windowManager,
.oo-ui-defaultOverlay {
	font-size: @font-size-base;
}
OOjs UI: Fix z-index and font size for default overlay Override default font size for .oo-ui-defaultOverlay (0.8em) to the same as content in Vector (0.875em). Make it appear on top of the personal menu too. Bug: T183069 Depends-On: I53888581f9e1da3b036166613c46cbc1085aa55e Change-Id: I459aad271c0c15248e54e312b8bdc44ed244733b 2017-12-14 01:33:24 +00:00			`@import '../variables.less';`

Use consistent font size for OOUI dialogs Everything is 14px (0.875em) now. This overrides 0.8em from MW core. Bug: T97631 Change-Id: I978de29a082768ecebbc1750a8d09481998979a8 2018-03-20 12:02:43 +00:00			`.oo-ui-defaultOverlay,`
OOUI: Remove confusing 'position' override Vector is the only skin that does this, setting 'position: relative' for .oo-ui-windowManager-modal (normally 'position: static') and for .ve-ui-overlay-global (normally 'position: absolute'). The override for .oo-ui-windowManager-modal caused it to create a new stacking context, which is the only reason the 'z-index' override worked. Use the right selector to override 'z-index' instead. The override for .ve-ui-overlay-global was completely pointless and it's surprising that it never broke anything. Change-Id: Icd1dec43e2da9ef2090b18145099838de3a7890a 2018-01-15 21:25:34 +00:00			`.skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog,`
Apply global overlay z-index to ve-ui-overlay-global VE keeps the global windowmanager inside a global overlay div, which has a default z-index of 1. Ensure this is overriden in Vector. Requires extra specificity due to stylesheet load order. Bug: T126135 Change-Id: I5ebb4e59e3714dfaa3d755ecf6285009efe7b62a 2016-02-06 21:37:19 +00:00			`.skin-vector .ve-ui-overlay-global {`
[dev] [Less] centralize z-indices Move all the LESS `z-index` settings to variables.less so it's easy to conceptualize how UI will be layered. jQuery CSS rules are untouched but documented. Also, remove the seemingly redundant re-setting of the `mw-searchButton` `z-index`: #mw-searchButton z-index: 1; } This rule was added in 0c77e4f. The sidebar work will require `z-index` properties and this refactor eases the comprehension of those changes, as well as prevents the accrual of more `z-index` technical debt. Bug: T246419 Change-Id: Ic112a0ee3f701f87432838797be45c6069fdb522 2020-04-02 16:50:46 +00:00			`z-index: @z-index-overlay;`
Apply personal bar z-index hack to modal OOUI window managers Bug: T105300 Change-Id: I1b618b76f0ed917aad74394881115399d9636030 2015-08-05 17:32:16 +00:00			`}`
OOjs UI: Fix z-index and font size for default overlay Override default font size for .oo-ui-defaultOverlay (0.8em) to the same as content in Vector (0.875em). Make it appear on top of the personal menu too. Bug: T183069 Depends-On: I53888581f9e1da3b036166613c46cbc1085aa55e Change-Id: I459aad271c0c15248e54e312b8bdc44ed244733b 2017-12-14 01:33:24 +00:00
Use consistent font size for OOUI dialogs Everything is 14px (0.875em) now. This overrides 0.8em from MW core. Bug: T97631 Change-Id: I978de29a082768ecebbc1750a8d09481998979a8 2018-03-20 12:02:43 +00:00			`body > .oo-ui-windowManager,`
OOjs UI: Fix z-index and font size for default overlay Override default font size for .oo-ui-defaultOverlay (0.8em) to the same as content in Vector (0.875em). Make it appear on top of the personal menu too. Bug: T183069 Depends-On: I53888581f9e1da3b036166613c46cbc1085aa55e Change-Id: I459aad271c0c15248e54e312b8bdc44ed244733b 2017-12-14 01:33:24 +00:00			`.oo-ui-defaultOverlay {`
Unify LESS variable naming scheme for `@font-size-*` variables Unifying variable naming to property-identifier-modifier scheme, while also collecting all non-print values variables in corresponding file. We will amend the `em` based values to calculations that will enable rendered full pixel values and also fix some connected usability issues in the future. Change-Id: I378e8a2af91fe0790708e6fb2d2e7a5718ce93c5 2019-09-26 23:43:42 +00:00			`font-size: @font-size-base;`
OOjs UI: Fix z-index and font size for default overlay Override default font size for .oo-ui-defaultOverlay (0.8em) to the same as content in Vector (0.875em). Make it appear on top of the personal menu too. Bug: T183069 Depends-On: I53888581f9e1da3b036166613c46cbc1085aa55e Change-Id: I459aad271c0c15248e54e312b8bdc44ed244733b 2017-12-14 01:33:24 +00:00			`}`