diff --git a/example/styleguide/res/sass/_style-guide-base.scss b/example/styleguide/res/sass/_style-guide-base.scss index 942f8313a5..d0b8208d0e 100644 --- a/example/styleguide/res/sass/_style-guide-base.scss +++ b/example/styleguide/res/sass/_style-guide-base.scss @@ -75,6 +75,10 @@ white-space: pre; } + table, ul { + margin-bottom: $interiorMarginLg; + } + .doc-title { color: rgba(#fff, 0.3); text-transform: uppercase; diff --git a/example/styleguide/res/templates/controls.html b/example/styleguide/res/templates/controls.html index 9668c87d6e..2203e5fb5a 100644 --- a/example/styleguide/res/templates/controls.html +++ b/example/styleguide/res/templates/controls.html @@ -145,4 +145,19 @@ +
Local controls are typically buttons and selects that provide local control to an individual element. Typically, these controls are hidden in order to not block data display until the user hovers their cursor over an element, when the controls are displayed using a transition fade. Mousing out of the element fades the controls from view.
+Open MCT Style Guide
+Absolute positioning is used in Open MCT in the main envelope interface to handle layout and draggable pane splitters, for elements that must be dynamically created and positioned (like context menus) and for buttons that are placed over other elements, such as a plot's zoom/pan history and reset buttons. When using absolute positioning, follow these guidelines:
+Type | Description | Z-index Range |
Base interface items | Base level elements | 0 - 1 |
Primary pane | Elements in the primary "view area" pane | 2 |
Inspector pane, splitters | Elements in the Inspector, and splitters themselves | 3 |
More base interface stuff | Base level elements | 4 - 9 |
Treeview | Lefthand treeview elements | 30 - 39 |
Help bubbles, rollover hints | Infobubbles, and similar | 50 - 59 |
Context, button and dropdown menus | Context menus, button menus, etc. that must overlay other elements | 70 - 79 |
Overlays | Modal overlay displays | 100 - 109 |
Event messages | Alerts, event dialogs | 1000 |