Misc UI 7 (#2349)

* Misc UI 7

- Better approach to hide/show in Tabs view;

* Misc UI 7

- Fix Chrome 73 bug for Folders in Tabs and Flex Layouts views;

* Misc UI 7

- Fixed look of text inputs in Snow;
- Added description for Tabs View;

* Misc UI 7

- Resizeable table column headers now clip properly;
- Cleaned up and consolidated related CSS;

* Misc UI 7

- Remove undesired top margin in Flex Layouts;
- Fix Chrome 73 overflow bug in ObjectFrame;

* Misc UI 7

- Remove undesired top margin in Flex Layouts;
- Fix Chrome 73 overflow bug in ObjectFrame;
- Enhanced View Large button so now displays in objects with
frames hidden;
- Changed behavior for frame move bar such that it only displays for
selected items;
- Fixed bug where telem table columns can't be resized in new tables;
- Added overflow handling to telem table column headers;

* Misc UI 7

- Remove undesired top margin in Flex Layouts;
- Fix Chrome 73 overflow bug in ObjectFrame;
- Enhanced View Large button so now displays in objects with
frames hidden, and is only shown for objects that get
.has-complex-content applied;
- Changed behavior for frame move bar such that it only displays for
selected items;
- Fixed bug where telem table columns can't be resized in new tables;
- Added overflow handling to telem table column headers;
- Fix for clipped color palette in Summary Widgets, and better flex
layout in sizing in edit interface;
- Added timer and hyperlink to SIMPLE_CONTENT_TYPES list;

* Misc UI 7

- Accessibility: add name of object as title attribute to Layout frames;
- Moved c-frame base styling into c-so-view;

* remove title from layoutFrame

src/plugins/displayLayout/components/LayoutFrame.vue

@@ -59,13 +59,6 @@
         > *:first-child {
             flex: 1 1 auto;
         }
-
-        &:not(.no-frame) {
-            background: $colorBodyBg;
-            border: $browseFrameBorder;
-            padding: $interiorMargin;
-        }
-
     }
 
     .c-frame-edit {
@@ -162,7 +155,6 @@
 
     .is-editing {
         .c-frame {
-            $moveBarOutDelay: 500ms;
             &.no-frame {
                 border: $editFrameBorder; // Base border style for a frame element while editing.
             }
@@ -196,13 +188,25 @@
             }
         }
 
-        .l-layout__frame:not(.is-resizing) {
+        .l-layout__frame[s-selected]:not(.is-resizing) {
             // Show and animate the __move bar for sub-object views with complex content
+            > .c-so-view.has-complex-content {
+                > .c-so-view__local-controls {
+                    transition: transform 250ms ease-in-out;
+                    transition-delay: $moveBarOutDelay;
+                }
+            }
+
             &:hover > .c-so-view.has-complex-content {
                 // Move content down so the __move bar doesn't cover it.
                 padding-top: $editFrameMovebarH;
                 transition: $transIn;
 
+                > .c-so-view__local-controls {
+                    transition: transform 50ms ease-in-out;
+                    transform: translateY($editFrameMovebarH);
+                }
+
                 &.c-so-view--no-frame {
                     // Move content down with a bit more space
                     padding-top: $editFrameMovebarH + $interiorMarginSm;