mirror of
https://github.com/nasa/openmct.git
synced 2025-01-26 22:29:34 +00:00
21 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
Charles Hacskaylo
|
bcbf244fd2 |
Fix foreground color of option elements in selects (#2300)
* Fix foreground color of option elements in selects - Windows users in Snow theme reporting white foreground color on system background color (light gray) when interacting with select elements. This fix hard-codes the option's `color` attribute to black. * Add background property to style select options for Windows |
||
|
Charles Hacskaylo
|
f77c6c821c |
Migrate styles (#2307)
* Legacy style migration in progress
- Working bottom up, many legacy items commented out. Stopped at
controls/indicators;
* Further migrations and deprecating
- Legacy indicator styles moved;
* WIP Styles migration
- s-button converted to c-button, WIP;
- Other
* Significant progress on migration, but still very WIP
- Mostly constants and overlay styling;
- Also bubbles and splitter;
- TODO: fix tree in overlay and splitter in imagery!
* Fix Summary Widgets UI WIP
- Remove non-working status 'editing' checks;
* Fix Summary Widgets UI WIP
- Remove non-working status 'editing' checks;
- view-control > c-disclosure-triangle;
* Fix Summary Widgets UI WIP
- Markup changes;
- Migrate CSS to styles-new, remove old;
* Fix Summary Widgets UI WIP
- Rule formatting and layout;
- Refinement to _controls / select {} padding;
* Fix Summary Widgets UI WIP
- Toolbar styles made more portable;
- Palette style migration;
- Very WIP;
* Fix Summary Widgets UI WIP
- Palettes all fixed and functional;
- Conditions layout;
- New c-button--swatched styles;
* Fix Summary Widgets UI WIP
- Clean up code;
* Fix Summary Widgets UI WIP
- Fix button in Test Data area;
* Fix layout in shell left pane due to elements being moved
- Styles fixed and refined;
* Fixed palettes
- Fixed icon palette;
- Significant refinement to general palette styles;
* Significant fixes for Summary Widgets
- Widget editing UI fixed;
- JS cleanups and improvements;
- CSS, JS code cleanup;
* Migrate tree view used in Locator
- Mods to legacy markup;
- Mods to current CSS;
- Removed import of legacy tree CSS in legacy-styles.scss;
* Migrate archetypes
- l-flex-row, l-flex-col, etc. moved to legacy;
- grid-* styles cleaned up and moved, @extends removed;
- WIP on c-object-label, move styles from mct-tree.vue into ObjectLabel
.vue;
- TODO: finish up c-object-label, cleanups in mct-tree.vue;
* Migrate effects and animation mixins
* Object labels, legacy cleanup
- Add and apply .c-object-label for tree node elements;
- Remove legacy class "tree" from markup;
- Tweak color of tree item hover for better contrast in Inspector;
* Fix palettes in Inspector
* Various
- Fix hover color in tree for better mechanics on a variety of bgs;
- Fix object label in Locator tree;
- Remove overlay blocker test color;
* Significant work for Summary Widgets, mctForm, compact form
- Forms in overlay dialogs fixed;
- form, compact-form, other classes migrated into new _forms.scss;
- Fixes for Summary Widgets;
- Theme constants files synced, add form values;
- Removed import of legacy forms/elems SCSS file;
* Migrate various
- Autoflow tabular;
- Datetime;
- Channel selector;
- Form validation;
* Migrate wait spinners, final cleanup
* Remove old src/styles directory
- Remove old Snow and Espresso plugins;
- Remove refs to old Snow and Espresso config'd aliases;
* Update Palette.js
* Update Palette.js
* Removed commented code
* Removed commented code
* Migrate About, startup and splash screen styles
|
||
Deep Tailor
|
248f160e73 |
Filters Inspector View (#2296)
* Added telemetry filters to the API * Support multiple inspector views * Renamed InspectorView.vue to InspectorViews.vue * first cut of filter inspector plugin * abstract for better readability * third times the charm * working persist checkbox selections * fix typo * working persisted filters from inspector * add prop validations for FitlerValue and FilterObject * enable filter inspector view for overlay and stacked plots * remove object from persisted filter when object is removed from composition * update filterValue to filterField for clarity * Added filter code to tables * add filter support to Telemetry Tables * fix errors when old domainObject does not have configuration property * working filters on overlay plots * make requested changes * Add filters as 'options' object on subscribe * Significant mods to Filtering - Styling; - Added Browse view in Inspector; - Added .c-checkbox-list class; - "PLOT SERIES" header changed to "PLOT SERIES OPTIONS" for clarity; * make filter update pass updated filters to telemetry adapter * Tolerate undefined configuration * Conditionally destroy filters listener * use @change event instead of @blur' |
||
|
Charles Hacskaylo
|
075d4deecb |
R&I Misc UI 4b (#2271)
* Styling for selects - New cleaner styling approach; - New cSelect and appearanceNone mixins; - Converted selects in Notebook, plot-options-edit; * List View fixes - Ellipsizing now works; - Better icon and text alignment; * Remove updateDrilledIn function and calls * Telemetry Table editing styles - Headers now have hover effects; * Change 'toggle'-style toolbar buttons to reflect current state, rather than what will be the setting once clicked - When frame is hidden, button displays the frame-hidden icon, and tooltip says 'Frame hidden'; * Enable all sub-object views in Display Layout to use numeric inputs for x, y, width and height * Toolbar sanding and polishing - Button order tweaked to place stack order near X, Y, etc. inputs; - Improved spacing between items themselves and separators; * Fix indentation * Fix indentation part deux |
||
|
Charles Hacskaylo
|
8ef53d85c4 |
R&I Layout editing mods (#2256)
* Layout mods for sub object editing without is-drilled-in * Remove drilled-in logic |
||
|
Charles Hacskaylo
|
30a4888363 |
R&I Misc UI 3 (#2253)
* Limits-related changes; WIP - Renamed CSS classes: `s-limit-*` > `is-limit--*`; - Removed load of legacy _status.scss and added new _status.scss file; - Minor re-org of limit/status constants in theme files; - Limit colors in theme constants all updated; * Fixes for s-selected always displaying the move cursor - Mod s-selected; - Reinstitute `.is-moveable` class; * Layout-related cleanup and refinements - LineView cleaned up; - Selection, hover, etc. classes for c-frame cleaned up; - Constant names normalized, theme files updated; * Fixes for editing plot options - Color palette now more flexible; - Styles for color palette button refined; - c-input--flex added for more flexible inputs; * Various swatch-related changes - Swatch refinements, new .c-click-swatch class; - Added .c-click-icon--major modifier style, applied in markup; * Local controls class application and behavior cleanup - Remmoved .has-local-controls from selected markup; - Refined CSS selector for better hover behavior; * Misc UI tweaks - click-icon--major in Notebook; - .test mixin improved; * Update _constants-espresso.scss * Update _constants-maelstrom.scss |
||
|
Charles Hacskaylo
|
ec4c443299 |
Misc ui 2 (#2248)
* Create button disabled when editing * New disabled mixin; * Tree styling * Fixed icons for fullscreen toggle button * Local controls fixed for Imagery and Plots * Range control styling updated; * Plot styling, significant mods * Disclosure controls improved; * New _legacy-plots.scss file added, no longer loads legacy plot SCSS files; * Removed 12px crosshair cursor in legend hover; * Inspector tree styling in plot options * Fix z-indexing related to Overlays |
||
Andrew Henry
|
0d8dad1559 |
update preview action to use new action registry
* Support category arrays for legacy actions * Fixed object path listener. Removed old context menus * Removed old fullscreen action and Screenfull dependency * Restore confirmation dialog on remove * Restored tests * Remove unused legacy policies * WIP re-implementation of Preview action * WIP for Charles to take a look at flex issues * Disable legacy preview action * Style and markup fixes for new Preview - LegacyViewProvider modded to wrap legacy elements in .u-contents div; - Added selector that automatically defines display: contents on `no-class` divs injected into __object-view; - Unit tested with legacy and new components (telem tables, plot view, Notebook, etc.) * Tweak z-indexes, fix open in new tab action, add 'done' button * Removed legacy action * reuse contextMenuDropDown component |
||
|
Deep Tailor
|
1069a45cfc |
Flexible Layout (#2201)
* first cut of flexible layout * better drag handling * add drop targets to every row * enable drag and drop between columns and rows * enable persistance * add editing capability * chage rows to frames and columns to containers, switch draggable to whole frame object * Merge latest, resolve conflicts. Need to just apply these changes to Deep's branch and push * enhancements to drag targets * WIP in flexibleLayout, container.vue files - Refined classes and markup; - min-width changed to flex-basis; - Added toggle direction button; * Significant progress but still WIP - Refined classes and markup; - Layout toggling working; - Add Container working properly; - TODOs: fix sizing in empty container, fix bordering, more refinements; * add resizing of frames - still wip * Significant enhancements - Moved all CSS into flexibleLayout.vue; - Layout now improved for empty container and drop hints; - Proportional sizing now better for frames and containers; * Resize handle WIP * abstract splitter and logic into self contained component that will emit an event when mouse is moving * Resize handle WIP - Minor tweak to handle padding and hover; * add container resize todo persist * persist container resize * add frame header, fix column resize on last column * Refinements to resize-handle - Fixed sizing; - Transition on hover; - TODOs: needs is-dragging to maintain hover style while dragging; * fix drop hints showing after drop * move header * improve mouse move gesture * Added frame size indicator * add snapto functionality * Refined container and frame size indicators - Also added overflow handling to l-grid-view * improve resizing logic * add selection on frames * Various resizing-frames related - Fixed overflow - now frame widths can be collapsed to 5% minimum; - Sizing indicators refined, better positioning and layout; - Added grippy drag indicators to column heads; - TODOs: add column head cursors and hover effects, hide indicators when not in edit mode, handle nested layout and flex layouts while editing * Selecting and emtpy layout messaging - Better empty layout message; - Moved s-selected to proper element in c-fl-frame; * Drop-hint and sizing related various - Drop-hints for first placeholder container now display; - Drop-hints moved into drag-wrapper; * add delete frame * Editing various - Adjust Snow theme constants related to editing; - Changed delete message wording; * Updated icon and added description * add toggle and remove container to toolbar * miscellaneous cleanup * add container button to toolbar * improve toolbar * code cleanup in plugin.js * Various icons, toolbar separator - Copied in c-toolbar__separator and associated changes in _controls from Pegah's layout_alpha branch - may have conflicts later. - Added separator to FL toolbar; - Updated icons for grippy-ew, toolbar icons; * add check for empty containers" * logic to resize frames on drop * fix delete frame and persisting toolbar * Significant changes to edit / selection styling - Both Flexible and fixed Display Layouts addressed; - Both themes addressed; - Changed drop-hint icon to icon-plus; * add correct icons to frame header and fix toolbars showing up in wrong views * Moving and resizing various - Cursors; - Grippy added to frame resize-handle, WIP!; * add container reordering * add frame/no frame support to toolbar' * fix regression of resize handles showing after last frame in container * force selection of flexible-layout when editing is first clicked, to apply correct toolbar * make changes to simplify toolbar * Modified sizing algorithm slightly * make changes reviewer requested * fix regression that causes top drop hint to not show * remove unused variables and bind events to vue * unsub selection before destroy |
||
Pegah Sarram
|
d13d59bfa0 |
Display layout alphanumeric (#2203)
* Support displaying and adding telemerty points in display layouts. * Create TelemetryView component. Also disable the toolbar frame button for telemetry objects. * Add 'components' directory and move the toolbar provider definition to a separate file. * Saving work * Saving work * Saving work * Fix telemetryClass * Fixes for .no-frame in new markup structure - CSS cleaned up and reorganized; - Added .c-telemetry-view classes; * Add computed properties for hiding label and value. * Filter value meta data based on the item config display mode. * Add drop down menus for display mode and value * Add toolbar controls for telemerty points * Set border and fill related styles on telemetry view instead of layout item * Refinements to telemetry view - Stoke and fill styling now work; - Internal element layout now much better when sizing in a Layout frame; - Tweaked color of frame border while editing; * Prevents adding a new (panel) object if it's already in the composition. * Fix for jumping edit area - Removed v-if from Toolbar.vue; - Refined c-toolbar styling; - TODO: don't include toolbar component when not editing, and for components that don't use a toolbar; * Add a separator toolbar control * Check for domainObject being on the toolbar item as not all controls have that property * Hide 'no fill' option from the text palette. Modify the color-picker component to say 'No border' for stroke palette. * Move the listener for hasFrame to the subobject view configuration * Fixes for toolbar-separator - New mixin; - Corrected markup for separator; - New class for .c-toolbar__separator; - Updated DisplayLayoutToolbar.js to include separators in the right spots; * Get type from item. * Include copyright notice. * Use arrow function for consistency and define a TEXT_SIZE constant. * Use composition API to add non-telemetry objects instead of relying on the drop handler. Display a blocking dialog if an existing non-telemetry object is dropped. * Fix text color picker icon * Address reviewer's feedback * Load the composition and update addObject() to render existing panels as well. Also, cache the telemetry value formatter. * Add listener for changes to time bounds. * Code cleanup * Use getFormatMap() to store formats. Reset telemetry value and class before fetching new data. * Fix a typo * Define telemetry class and value as computed properties. * Change context object definition * Look at the telemetry metadata to find a good default for the value key instead of defaulting to 'sin'. Also, make formats reactive. * Use let instead of var. |
||
|
Charles Hacskaylo
|
ed8137726d |
cstyle update 1106 (#2211)
* Temp fixes for legacy styling of overlay and forms * Added new glyphs: rows, columns, plus-in-rect |
||
|
Deep Tailor
|
35d1b894e2 |
Tab view (#2197)
* first cut, working for objects with explicit height * working for all objects by setting min-height explicitly to 70vh * add composition listeners * Tabs view WIP - Markup and CSS BEMized; - Stubbed in type icon in tab elements; - TODO: refine styling on tabs; * Tabs view WIP - Layout enhancements; * add types and header * remove static icon-layout class * move Tabs into its own plugin folder: * simplify on composition add listener callback * fix icon rendering * add document dragstart and dragend listeners, with v-if div for drop target * remove third argument from document listeners, move drop target to tab container * Sanding and shimming on Tabs View - WIP * Tabs View styling - Shippable to Deep; - Added new c-drop-hint element in _controls.scss; - Added new theme constants; - Added 'empty' tabs view message; - TODOs: add listener for dragover event for is-mouse-over styling, integrate forthcoming changes to symbolsfont; * add is-mouse-over class when drag enters dropHint div, add and remove listeners * .c-drop-hint styling refined - Refined hover effects; - Bg icon instead of glyph character; - TODOs: Change $bg-icon to plus sign; * fix bug regarding persisting drop-hint styling even after drop is ended |
||
|
Pegah Sarram
|
d48cc2deee |
Vue toolbar (#2191)
* Add a toolbar provider for display layout. * Move toolbar provider to the plugin * basic toolbar generation * componentize different toolbar control types Break toolbar control types down into different parts and provide a test toolbar generator in index.html that utilizes all the controls. * Get the 'Show frame' checkbox working in the toolbar * - Remove extra listener. - Display toolbar only when editing. * Modify the Selection API to set s-selected and s-selected-parent attributes instead of adding to the css class names. * Move the logic for allowing the toolbar in the edit mode to the provider. * Use toggle-button component to toggle frame * Delete old files * Remove MCTToolbar * Modify the toggle button component to return the computed value * Remove reload=true * Revert to the original setting * use value from props * Always update toolbars on edit status change * restore fixed position bundle * bring back reload when hmr unavailable |
||
|
Charles Hacskaylo
|
5f9f3cd8e8 |
Topic themes (#2187)
* Bringing over in-progress changes from topic-core-css - Adds _espresso-constants.scss; - Cleanup colors and naming; - Remove conflict res leftover 'domainObject' in mct-tree.vue; - Still WIP! * Various - Remove pushBack / pullForward functions; - Fix c-input-inline, remove bg until hover; - TODO: input bg colors - Increased margin in main-pane; * Themeing WIP - Conductor markup: convert to buttons for accessibility; - Conductor styles consolidated and changed for better theme support; * Themeing WIP; significant rewrite of pane headers - Pane headers restructured for better semantics and clarity; - Espresso design refined and tightened; - Grid Vue changes for better themeing support; - TODO: fix mobile version, collapse icon is whack; * Restored Number-type input styling for correct positioning of spinner button; * Themeing mods for click-icon styles * Bring Snow theme into style parity with Espresso - TODO: refine Snow colors; * Mobile styling fixed - Mobile menu icon significant fixes; - Hover only applied to desktop; - Reorg of mixins; * Bring Snow theme constants into parity with Espresso - Refined Snow styles; - Fixed missing scroll and padding in tree; - Pane collapse button now uses proper color; - Item Grid view refinement; - Cleaned up code; * Color fixes - Super-menu description; - Conductor time buttons hover; - Datepicker "in-month" items color; - Espresso colorKeyFilter brightened; |
||
|
Pegah Sarram
|
e7cdb334de |
Reimplementation of Display Layout in Vue (#2185)
* Saving work * Fix conflict * Position the panels by setting the style * Put the div back with height set to 100% in ObjectView. Add markup for drag handles. * Use default position and dimensions if the layout panel is missing those values. Set s-status-editing on the main div to get the drag handles appear for now. * Display Layout and frames major improvements - Moved Toolbar out of Layout.vue and into DisplayLayout.vue; - Styles for object view, Layout, Frame, etc. - Major refactor of markup for frame; - Added abs() mixin; - Styles for is-editing done; - Styles for - TODO: styles for selectable, moveable, etc. * Implement drill in gesture. * Hide the background grid when a frame is drilled in * Edit styling and toolbar WIP - c-search styles moved mostly into mixin; - New .c-labeled-input class; - Browser overrides for number-type input spinners in webkit; * Toolbar WIP - Custom wrapped number input added; - Toolbar buttons WIP; * New toolbar buttons WIP * Define a computed property for the css class object. * Frame edit handles markup and styling * Toolbar, editing and selection style refinements - Moved toolbar back into Layout.vue; - Hard-coded 'is-editing' onto __pane-main for now, removed from DisplayLayout.vue; - Styles for frame in LayoutFrame.vue: -- editing default (dotted border) -- editing .s-selected -- .s-drilled-in (renamed .is-drilled-in) * Refactoring button classes - Lots of stuff broken right now; - TODO: lots of renaming (c-menu-button, c-icon-button, etc.); - Removed import of _controls in search.vue; * Fixes for selection on nested selected elements * Fix conflict * Significant refactoring of button and click-icon classes - Markup and CSS updated; - Toolbar in good shape, prior to merge of vue-layout; * Fix issues with relative font-sizing * Add color palette markup and CSS - Also added Layers menu example; * Font, font-size glyphs and size menu, and more - Added art for font glyph and renamed from .icon-T; - Added new glyph for font-size; - Fixed font-sizing in controls; - Added font-size menu; - Re-org'd toolbar items; * Styling tweak for c-labeled-input - Code cleanup as well; * Fixes for toolbar toggleMenus and labeledNumberInput * Implement resize and move for frames. Added stub for drag 'n drop. * Add custom checkbox control. - Also, code cleanup. * Add toggleButton component - Code and examples * Custom checkbox code cleanups, sanding * - Persist new position/dimensions on the domain object when frames are moved/resized. - Bypass the selection of the layout when dragging a frame is finished to keep the frame selected. - Set the grid size to layoutGrid from domain object or use default if it's not specified. * Fix conflict * Implement resize and move for frames. Added stub for drag 'n drop. * Remove old layout view, was triggering View Switcher and massive confusion when viewing Layouts - TODO: add view provider for new Layout * Enable drag and drop * Changed example toggle-button - Now uses show/hide frame as toggle-button example; * Added pseudocode for handling drag/drop composition change * Add copyright notice * Layout frame and contained components styling - Hyperlinks, Hyperlink buttons, Summary Widgets now use `.u-links` which disables their pointer-events when editing; - Hyperlink buttons, Summary Widgets now expand to fill their containers in a Layout; - Markup and JS for Hyperlinks, Hyperlink buttons, Summary Widgets somewhat modded to use new classing, applied in legacy scss files; * Fix icon sizing error in BrowseBar * Edit and selecting styling for Layouts - WIP! * Edit and selecting styling for Layout frames - Color vars more standardized; - Hover and *-selected styles; * Getting vue-toolbar reverted back to latest - Merging this branch with vue-layout may cause conflicts; * - Implement drag ’n drop. - Set hasFrame to a default value if it’s not set on the configuration. - Emit an event to the parent wrapper component to update the ‘newDomainObject’ prop whenever the domain object is mutated in the display layout child component. * Revert emitting 'update:object' event to the parent. * New branch from topic-core-refactor to use as central point for common CSS work - Manually migrated changes from vue-toolbar, expect conflicts there and in vue-layout; * Manually update constants-snow from vue-toolbar branch * Update markup to use latest button classnames - c-menu-button > c-button--menu; - c-icon-button > c-click-icon; * Various from vue-conductor-style - Mods to input styling; - Input[] styles moved to _controls; - New/revised constants vals; * Resolve bizarre merge conflict when applying stash * Code cleanup * Alias and type-icon fixes - More robust approach to alias indicators; - Added alias indication to tree-item.vue; - TODO: wire up alias indication tree-item.vue; * Accessibility mods, convert elements to <button> - Better reset styles for htmlInputReset mixin to allow use of <button> without browser default styling; - Create button; - BrowseBar action buttons; - c-click-icons; - Removed Preview button from BrowseBar.vue; * Fix styles that were affected during resolving conflicts * Moved draggable into __label element rather than whole <li> * Change the priority to 100 to get the view working properly * Code cleanup * Remove angular layout * Display the object name in the frame header * Tweaks to __header in LayoutFrame - Name now does not overflow frame edge; - Layout strategy now in parity with similar elements in main view; * Remove test() * Add a type for display layout to make it appear in the Create menu. * Change the key type to 'layout' * Clean up code and hide toolbar * Enable toolbar, and revert changes in webpack config * Remove commented code * revert to the original code |
||
|
Charles Hacskaylo
|
afca6cd2e9 |
Review and merge latest topic-core-css (#2183)
* New branch from topic-core-refactor to use as central point for common CSS work - Manually migrated changes from vue-toolbar, expect conflicts there and in vue-layout; * Manually update constants-snow from vue-toolbar branch * Update markup to use latest button classnames - c-menu-button > c-button--menu; - c-icon-button > c-click-icon; * Various from vue-conductor-style - Mods to input styling; - Input[] styles moved to _controls; - New/revised constants vals; * Resolve bizarre merge conflict when applying stash * Code cleanup * Alias and type-icon fixes - More robust approach to alias indicators; - Added alias indication to tree-item.vue; - TODO: wire up alias indication tree-item.vue; * Accessibility mods, convert elements to <button> - Better reset styles for htmlInputReset mixin to allow use of <button> without browser default styling; - Create button; - BrowseBar action buttons; - c-click-icons; - Removed Preview button from BrowseBar.vue; * Add copyright to .scss files; code cleanup * Improved click area and draggable styling for tree-item * Removed injection of domainObject * Removed injection of domainObject * Remove _constants-mobile.scss - Moved used var to _constants; - Normalize mobile detection approach in Layout.vue; * Mobile styling for Time Conductor - WIP! * Mobile styling for Time Conductor - New modalFullScreen mixin; - Datepicker now a fullscreen modal element in body.phone; |
||
|
Charles Hacskaylo
|
56b9708ab7 |
Review and integrate Time Conductor Vue style conversion (#2180)
Styling updates for Vue version of Time Conductor |
||
|
Charles Hacskaylo
|
fbf1c68c7a |
Notebook vue styling (#2169)
* Notebook styling WIP - New notebook scss file; - notebook.html converted; * Notebook styling WIP - Entries and embeds - New discreteItem theme constants; * Notebook styling shippable - Notebook entries and embeds finished; - TODO: Fix styling for c-input-inline when SCSS is merged and remove s-input-inline class in entry.html; * Notebook styling shippable - Remove legacy Notebook styles; - Painterro overrides; - Code cleanup * Notebook mobile styling; entry layout still WIP - Entries now layout better in narrow containers but still WIP, particularly for delete icon; - Mobile styling; * Notebook entry markup for better narrow Notebook layout |
||
|
Deep Tailor
|
08cd6b1d99 |
Vue Browse Bar (#2164)
* Object browse bar IN PROGRESS * Object browse bar VERY WIP * Object browse bar WIP - view-control renamed to disclosure-triangle; - Good progress on object browse bar elements; * Object browse bar WIP - Layout of start-side elements now working with ellipsis; - TODO: cleanups and consolidation; * Object browse bar shippable - Better layout approach; - Refinements to button classes; * Sanding and shimming on misc styles - Tree icon shrinkage fixed; - c-icon-button much better relative sizing; - Removed c-button-set wrapper from Layout.vue; - Added uppercasing of Create button for Snow theme; * working object name, css class * working dynamic name, css classes and view switcher |
||
Pete Richards
|
eaa971cb56
|
Vue main section overhaul (#2161)
* Separate browse object from conductor * Main layout convert to flex; padding and overflow at leaf node * Inspector converted to BEM - WIP - Properties pool upper level styles converted; - Grid mixins moved out of Inspector and into _mixins; * Refinements to misc elements - user-select: none on tree; - :before and :after reset globally to use box-sizing: border-box; - li reset globally; * Styling for buttons and menus; add Create button - WIP * Context and Create menus - WIP * Add glyph backgrounds as data URIs - For Create menu, items grid; - Objects only; * Create menu refinements - Min/max height handling; - Code cleanup; * Main layout head styling; various sanding - head layout refined; - c-icon-button, c-button-set added; - background glyph mixin refined; - Antialiasing refined to increase icon sharpness; * Fix SVG data URLs: encode # chars as %23 |
||
Pete Richards
|
1bb1330cba |
Squashed commit of the following:
commit 5aad2e68635d658cdaf78f322622506c7a6ef695
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 14:34:44 2018 -0700
Code trimming / cleanup
- pane tweaks;
commit 139e5ab18481f8687950bd84a06a2dc01bf51a50
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 13:50:26 2018 -0700
Code trimming / cleanup
- pane tweaks;
commit e3bb3871395ef7906e1141b76c609472598e2a5d
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 13:38:35 2018 -0700
Code trimming / cleanup
- pane, Layout;
commit 6edaea088931673c971a17e86138553e48e7cc22
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 30 12:57:21 2018 -0700
Collapse button new design and styling WIP
- Also begin code cleanups;
commit bd8fab372602bf8680974c27967ca3c2560469b2
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 29 18:04:47 2018 -0700
Vertical pane resizing fixed
- Vertical pane styling with significant fixes;
commit cf89e8a86fe0efbce80e7624d02d09ad17ecf705
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 29 16:52:53 2018 -0700
Vertical pane resizing fixed
- Vertical pane styling with significant fixes;
commit b3ad4c4c140c2155535dd2ec053448a92d215f1f
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 29 15:58:12 2018 -0700
Vertical pane resizing fixed! Kind of...
- pane__contents at 100% height is causing problems, fix this.
- Normalized scss var names $splitterBtn*;
- Added --reacts to pane to allow setting of proper flex attribs;
commit 49cead8cc67c23a2aba3e4fc83c12487ecc8f8ac
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 19:07:23 2018 -0700
WIP fixing vertical pane drag problem, still broken
- Converting from flex-basis back to width / height;
- Make inspector-adapter target proper holder;
- Added --resizing class to allow user-select: none while dragging;
- Added mixins for browser prefixing;
commit c6ff381cf0da098529c42a8d0f7d8eb95d9575d6
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 14:56:50 2018 -0700
New design for pane collapse buttons
- Pane padding normalized;
commit 7cfbfe3d9642b5466f72a6076d90d464dac23a37
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 10:27:05 2018 -0700
CSS sanding, panes and Inspector
- Pane padding;
- Inspector min-width;
commit 7d7eeff462735b86a599404aca70ad49a6af6ae7
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 10:01:02 2018 -0700
Pane transitions
- Fixed pane transitions;
commit cf160c27e951609aa32fd1ffb070cf044c6f0d63
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 28 09:09:49 2018 -0700
Splitter styling WIP
- Hover styling
commit 022126ca2166962299b232a6972461672fb0b85e
Author: charlesh88 <charlesh88@gmail.com>
Date: Mon Aug 27 21:18:14 2018 -0700
Tree styling WIP
- Mobile styling;
- Increased hit area for desktop and mobile on tree item;
- Added button mixin;
- Fixed scrolling for tree in tree pane;
commit 3f1e649526fc81efa60f9f464e2d718be4eb378f
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 24 14:47:22 2018 -0700
Drag collapse WIP
commit f9b764bb6415d4146dff8667e0e0f0d6c2847216
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 23 16:02:02 2018 -0700
Significant changes to splitter handle and button approach
- WIP!;
- WIP on drag to collapse;
commit a1d9c11e82a967bd6cb3da8cf2e4eda328472347
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 17:55:21 2018 -0700
Pane refactor styles WIP
- WIP converting from width/height to flex-basis;
commit b65cca277e28375424260f50c7e2d1fe6bf02cb2
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 17:54:34 2018 -0700
Pane refactor styles WIP
- WIP converting from width/height to flex-basis;
commit 3e712045296a1c475326e21ada9d5febee72878b
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 17:51:07 2018 -0700
Pane refactor styles WIP
- Pane transitions;
- TODO: convert from width/height to flex-basis;
commit b070cc27f4d35d1380d2f4ada84100a7c39734e1
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 22 10:21:14 2018 -0700
Mobile styles WIP
- Mobile layout mostly done;
- Pane transitions;
commit 2ee7a77a86ee8e5b323b6b73116fcc29dd29e651
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 15:56:12 2018 -0700
Refinements to view control in tree
- Changed state eval to use 'enabled', removed v-if;
commit 3a2439cd16b70d069d5343631d3bca5c871a784c
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 15:53:34 2018 -0700
Mobile styles, VERY WIP
WARNING: DON'T PULL!!
- Mobile in progress;
commit 4e0dcb68bf755173f34882048f21fc79894cd6d2
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 11:45:22 2018 -0700
Markup / scss refactor mobile styles WIP
- Layout, panes mobile styling WIP
commit 02afd44dd1bba3824faca01ead10f17ebc2ce4f4
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 21 11:44:05 2018 -0700
Markup / scss refactor styles WIP
- Moved glyph constants into _constants to avoid multiple loads of
glyph classes;
commit 703abe36c9130ed8d24e28257f108dc6ff6680ed
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Mon Aug 20 13:20:58 2018 -0700
tree loads composition
Expose legacy types in new API
tree navigation
commit 80a185440b593052af12ccece9c2fe2cf21934c9
Merge: 93196379a 8378dfa61
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 18:00:04 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit 93196379aae56a141fadb425eee7138b7ae397c1
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 17:59:43 2018 -0700
Pane padding WIP
- Adding resize handle direction to l-pane element;
commit bea135a221b1c19bcecbc65c6ffc98ea5106f1e9
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 17:48:20 2018 -0700
Inspector styling
- Moved legacy CSS as needed into MctInspector component;
commit 8378dfa613ec06c80ed7f8f58ee34194aa21ff7f
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Fri Aug 17 17:31:12 2018 -0700
Recursive tree items
commit e4420c17c6b1f9d14431b198a8005f61a2d132bb
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 17:02:20 2018 -0700
Sanding and shimming on legacy CSS
- Jury-rigging to temporarily display some views: imagery, tables
- Code style normalization in _global.scss;
commit 5aa2be97613f4d2566e07e76204f58cd1ca5499b
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 16:22:54 2018 -0700
Bring in legacy CSS
- Legacy styles from old _global.scss moved into section of new
_global file;
- Most UI elements are working
- TODO: fix Inspector grid
commit 8d4734ef5b123949bec5c848be91f70a0deb655e
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 15:17:22 2018 -0700
Remove commented CSS
commit e641aa69497c82c1a69e5d4cfe3ebcb81832029c
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 14:37:13 2018 -0700
Main container and scroll-bar styling
commit c3262de1b796e9c9deb6edf08b3b781af55e1e73
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 14:14:01 2018 -0700
Add status bar
commit 8addfb886ecdc081c126c5a9f01724985b6b192e
Merge: e6be02fb8 4203dbf8e
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 13:52:11 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit e6be02fb8da37a3642735b515b3efcce9bcdcce1
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 13:51:53 2018 -0700
Splitter refinements / mixin fix
- Splitter with resize grippy;
- Fixed @background-image mixins;
commit 4203dbf8e1df75b89cfcda38a5c2e70e3b52c8a4
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Fri Aug 17 13:46:38 2018 -0700
Replace angular route with custom router
commit 5a07f0d2b579f4cfdf2a247b971ae256eddddcd3
Merge: e6b22cbcb 63f22c3f2
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 09:39:45 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit e6b22cbcbe949d55d36ffad2484c920b8ec55f9e
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 17 09:39:33 2018 -0700
Markup / scss refactor WIP
- Significant reorg of splitter CSS to reduce specificity;
- Splitter enhancements for collapsed state;
commit 63f22c3f213701ef12e140ba3db4f428c08a099f
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Fri Aug 17 09:32:29 2018 -0700
remove extraneous files
commit 17cf0cf1e64e9bd8d2d7ea43d766a6d2246d22ae
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Thu Aug 16 12:43:10 2018 -0700
Render main and inspector using angular
commit 233c17e75b9920dd663a0c0415aa1b3d4cbca1ef
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 18:05:44 2018 -0700
Markup / scss refactor WIP
- Scroll on tree;
- Class renaming pane > l-pane;
- Refinements to collapsed state, WIP
commit 1eaa568e048ae23339b004a45b73be20d20334c2
Merge: 82dd8e22e 3957fd619
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 17:28:45 2018 -0700
Markup / scss refactor WIP
- Merge latest from Pete
commit 82dd8e22e76b1a802b65e1297719f0a959cc7a97
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 17:26:45 2018 -0700
Markup / scss refactor WIP
- Inspector styling - very WIP!
commit 3957fd619a44e40faa57ea297e374257012f551e
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 16:47:48 2018 -0700
Tidy pane js
commit 91eefbfa7bfdcabbf9eb6217c03b8072421ac8dd
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 16:44:02 2018 -0700
Pane cleanup
commit 5deff887fc73274d71dd9c94adc23a3a2d696424
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 16:25:35 2018 -0700
Markup / scss refactor WIP
- Added disabled property to viewControl;
- Margin for elements in main panes;
- Main search input styled for --major;
commit 6708c797546eabb15783850d4f345d9329b25ee4
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 14:34:54 2018 -0700
Markup / scss refactor WIP
- Fix modifiers to correctly use '--';
- Fix icon element in search input to disallow shrinking;
commit 7c83db11adf696ff0f0fc6478a41fa515fa57a86
Merge: e24852bb8 43f978e18
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 13:58:43 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit e24852bb836730a64f77c1ffbb4cf4c1e793bc0c
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 13:57:27 2018 -0700
Markup / scss refactor WIP
- Tree item styling
commit 43f978e185094231d326a6e14d5d1df01d2948dd
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 13:52:34 2018 -0700
Use multipane instead of splitter
commit f67f03af47ac4d2e22e8cca7ccb39a0dff14ea96
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 15 12:43:32 2018 -0700
new multipane
commit f6b90caaff1882572f0113befa17d09e8778092c
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 10:41:46 2018 -0700
Markup / scss refactor WIP
- Added view-control component
commit 4c5baf183adfbd64022a4f5a98f58a49497c67ba
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 15 10:38:26 2018 -0700
Markup / scss refactor WIP
- Added sass-base.scss to make it easier for SFC's to
include needed SASS vars, mixins, etc. with a single import;
- Cleaned up indention in Layout.vue;
commit b2d12f95eee479c470ec014b5a49ccd0b3006879
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 23:24:45 2018 -0700
Markup / scss refactor WIP
- Fix transition of magnify glass icon
commit 4449994ca4f9f8af419a40dc0099159e639af327
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 17:31:47 2018 -0700
Markup / scss refactor WIP
- Added code comments
commit 84fde4bd34c6526e4ed8aef74d8c5f1c60c11874
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 17:29:50 2018 -0700
Markup / scss refactor WIP
- Search input dynamic behavior
commit 9424f9f49e80abd3353b0ddfbe4609c466bba0fd
Author: charlesh88 <charlesh88@gmail.com>
Date: Tue Aug 14 11:28:25 2018 -0700
Markup / scss refactor WIP
- Search input styling and dynamics WIP;
commit dfc02cdf258b9d178004767c54adf81891a95f24
Author: charlesh88 <charlesh88@gmail.com>
Date: Mon Aug 13 15:34:29 2018 -0700
Markup / scss refactor WIP
- Add input-related styling;
- Cleanup scss in various files;
- Move search into own component;
- Refine padding approach in pane-tree;
commit 94a3e9e798689b023cac72b31b32b754606803de
Author: charlesh88 <charlesh88@gmail.com>
Date: Mon Aug 13 14:36:41 2018 -0700
Markup / scss refactor WIP
- Add collapse buttons to splitter;
commit d35aed2d62cfa4a8f31fb78d57a03b6a216fa7ef
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 10 18:45:37 2018 -0700
Markup / scss refactor WIP
- Add some initial theme files; pull back from theme "override"
approach;
- Splitters refined;
- Style cleanups;
commit 32cdecebcee92594a3049f22be7084690c983318
Author: charlesh88 <charlesh88@gmail.com>
Date: Fri Aug 10 14:53:16 2018 -0700
Markup / scss refactor WIP
- Markup and components corrected;
- Stubbed in snow theme file;
commit f811318d183c16dd53d74807f3320d6ae2403090
Author: charlesh88 <charlesh88@gmail.com>
Date: Thu Aug 9 16:02:22 2018 -0700
Markup / scss refactor WIP
- Add normalize.min to styles-new;
- Factor components to be more standalone, very WIP;
commit 4d9b7fe3e4bbbf4a089242fbfcb20e80a5de102b
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 18:06:11 2018 -0700
Markup / scss refactor WIP
- Add timestamp to webpack build
commit dd93653306c0bf8acf463e8e1e4eb654196a2e6e
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 18:03:00 2018 -0700
Markup / scss refactor WIP
- Use MctTree component with passed properties;
- MctTree markup and CSS ported from codepen;
commit 84430d34b1e7fc3ff80d51a2b6057eebd2fe5f79
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 17:39:26 2018 -0700
Markup / scss refactor WIP
- Add new splitter component with passed properties;
commit 50be48342136ed568ecc82a6bd7a98c2e5b19853
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 16:04:41 2018 -0700
Markup / scss refactor WIP
- Mixins file added;
- Markup and -shell CSS from codepen brought over;
commit fe2667285e8f2c1a87511b48dbf3711c28db7d5d
Merge: c7bd7d97d 5219f5394
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 15:15:21 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit 5219f5394ef21f7408d03198a55dcbaa5377ad46
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 15:13:28 2018 -0700
Add alias for styles directory
commit c7bd7d97dc4ac1d75b9d27c7a3c2453794bc8722
Merge: 0a7c16031 ab18bb348
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 13:55:44 2018 -0700
Merge branch 'core-vue-bootstrap' of https://github.com/nasa/openmct into core-vue-bootstrap
commit ab18bb3484f5f0b2e6a130d38c202a4a64c819fd
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 13:48:27 2018 -0700
Revert "temporarily use file loader for live-reload via plugin"
This reverts commit 2f54f404c22a9fe1721a90f7d5bd374db8b2eeff.
commit 9c0d5f7dbf130c59c5c6b9b6e2e1f0aac2c13dbd
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 13:48:17 2018 -0700
Enable HMR in dev server
commit 0a7c1603159badc51aafd83bbfa8f942a949465a
Author: charlesh88 <charlesh88@gmail.com>
Date: Wed Aug 8 11:26:03 2018 -0700
Markup / scss refactor WIP
- Symbol fonts and glyphs files;
- Constants, global, etc. in progress;
commit 0fa09e31a681429b6585783f2a6852766f04ece2
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 10:30:11 2018 -0700
WIP new styles
commit 2f54f404c22a9fe1721a90f7d5bd374db8b2eeff
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Wed Aug 8 10:29:23 2018 -0700
temporarily use file loader for live-reload via plugin
commit 279e0bf29dd27f2c7d065cc8519766783826a4fe
Author: Pete Richards <peter.l.richards@nasa.gov>
Date: Tue Aug 7 14:59:04 2018 -0700
Beginning of new layout code.
Really basic 5 component setup.
|