wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-14 11:15:33 +00:00
Code Issues Packages Projects Releases Wiki Activity
mediawiki-skins-Vector/skinStyles/ooui.less

13 lines
279 B
Plaintext
Raw Normal View History

Reorganize LESS files to match ResourceLoader conventions Separating most LESS files into 2 ResourceLoader modules and a common folder: - skins.vector.styles - skins.vector.styles.legacy - common This changes aims to clearly separate the old (“legacy”), the new (“modern”) and the common styles which were previously all placed under `skins.vector.styles/`. Inside each directory are separate folders for `layouts` and `components`. The entry files, `skin.less` and `skin-legacy.less` are moved into the specific folders and a third, `common.less` entry file is created that contains the common imports for both old and new Vector. Aliases have been added to the Storybook Webpack config to avoid adding the story file changes to this patch. Images coming from CSS `url()`'s have also been temporarily disabled in Storybook until Storybook can be upgraded to use Webpack 5, and use array values for aliases, in a follow-up patch. This patch also slightly changes a footer layout specific rule so that existing `padding` remains unchanged in rendering due to new common and component structure. Bug: T264309 Change-Id: I1cd2681a2b61edb7be56c38f9bb3994827d7e322
2021-02-02 10:04:37 +00:00
@import '../resources/common/variables.less';
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
.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
}
Reference in a new issue Copy permalink