mediawiki-extensions-Visual.../modules/ve/ui/styles/ve.ui.Context.css
Trevor Parscal 9297f33989 Tool and context menu size and alignment fixes
Objectives:

* Make context menu toolbar consistently sized and aligned, especially
  in monobook

Changes:

ve.ui.Toolbar.css
* Remove vertical line between groups, just use whitespace
* Switch from padding to margins to avoid size calculation issues

ve.ui.Tool.css
* Remove tiny margin on button tools, tightening them up a bit
* Replace 50% 50% with center center

ve.ui.Context.css
* Switch from padding to margins to avoid size calculation issues
* Use different margins depending on text direction
* Reverse the 0.8em rule used in the dialog - this is a hack, it should
  be cleanup up later with a better strategy for normalizing the size
  of text within VE elements

Change-Id: If65f12382625efa33777e284bd23a94dc509436a
2013-07-10 01:33:37 +00:00

61 lines
1.2 KiB
CSS

/*!
* VisualEditor UserInterface Context styles.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-ui-context,
.ve-ui-context-inspectors,
.ve-ui-context-menu {
position: absolute;
}
.ve-ui-context-menu .ve-ui-toolbar-bar {
white-space: nowrap;
border: none;
background: none;
}
.ve-ui-context-menu .ve-ui-toolbar-group {
border: none;
margin: 0;
}
.ve-ui-context-menu .ve-ui-buttonTool,
.ve-ui-context-menu .ve-ui-buttonTool:hover {
border: none;
}
.ve-ui-context-menu .ve-ui-buttonTool:active,
.ve-ui-context-menu .ve-ui-buttonTool-active {
background-image: none;
}
.ve-ui-context-embed .ve-ui-popupWidget-callout {
display: none;
}
.ve-ui-context-embed .ve-ui-popupWidget-body {
margin-top: 0.25em;
}
/* @noflip */
.ltr .ve-ui-context-embed .ve-ui-popupWidget-body {
margin-left: -0.75em;
}
/* @noflip */
.rtl .ve-ui-context-embed .ve-ui-popupWidget-body {
margin-left: 0.75em;
}
.ve-ui-context-embed .ve-ui-context-menu {
right: 0;
}
/* HACK: Compensate for ve-ui-frame-content setting the font size to 0.8em */
.ve-ui-frame-content .ve-ui-context {
font-size: 1.25em;
}