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

+
+
+

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.

+
+
Hover over me +
+ + +
+
+
+
+ diff --git a/example/styleguide/res/templates/standards.html b/example/styleguide/res/templates/standards.html index e69de29bb2..f7e9e7671e 100644 --- a/example/styleguide/res/templates/standards.html +++ b/example/styleguide/res/templates/standards.html @@ -0,0 +1,48 @@ + +
+

Open MCT Style Guide

+

Standards

+ +
+

Absolute Positioning and Z-Indexing

+

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:

+ + + + + + + + + + + + + +
TypeDescriptionZ-index Range
Base interface itemsBase level elements0 - 1
Primary paneElements in the primary "view area" pane2
Inspector pane, splittersElements in the Inspector, and splitters themselves3
More base interface stuffBase level elements4 - 9
TreeviewLefthand treeview elements30 - 39
Help bubbles, rollover hintsInfobubbles, and similar50 - 59
Context, button and dropdown menusContext menus, button menus, etc. that must overlay other elements70 - 79
OverlaysModal overlay displays100 - 109
Event messagesAlerts, event dialogs1000
+
+ +
\ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_text.scss b/platform/commonUI/general/res/sass/_text.scss index 9922c1ac55..3dd1c2cfe6 100644 --- a/platform/commonUI/general/res/sass/_text.scss +++ b/platform/commonUI/general/res/sass/_text.scss @@ -39,4 +39,11 @@ h1, h2, h3 { font-weight: 200 !important; } + + table { + td { font-size: inherit; } + tr.header { + background-color: rgba($colorBodyFg, 0.2); + } + } } \ No newline at end of file