mirror of
https://github.com/nasa/openmct.git
synced 2025-03-14 08:16:44 +00:00
[Frontend] Refactor glyphs to classes
Squashes #1103, fixes #1047. Squashed commit of the following: commit 0e060f174dd8bc453e7a53ea6bf5517869efaaae Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Fri Jul 29 14:55:34 2016 -0700 [Frontend] Added button to .s-button Fixes #1047 commit 9f74395a797546d6b4c4e501829db105e862ecdb Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Fri Jul 29 14:43:36 2016 -0700 [Frontend] Fixing problems from circleci Fixes #1047 commit 7278c9534c4a6dd7a3d402ecb0eb12d59f102c83 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Fri Jul 29 14:37:21 2016 -0700 [Frontend] CSS fixes for s-status classes Fixes #1047 Fixed .s-status-editing and s-status-pending; commit 4606d617d14024e6c573c6bfa5434bf761301c3f Merge: d5bff55 59436f7 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Fri Jul 29 13:58:51 2016 -0700 Merge remote-tracking branch 'origin/master' into frontend-1047 commit d5bff555e0119e84e261c355695b504d64bc369a Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 19:09:33 2016 -0700 [Frontend] Updated glyphs used by plot view switcher Fixes #1047 commit b72d82baefa3d47a59dceb97691d66a9b67162c3 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 19:09:00 2016 -0700 [Frontend] Tree styles in left pane and selector-list Fixes #1047 commit af36b9996dcd769d2a0a7d7f1f8a0f9838fd1464 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 18:32:34 2016 -0700 [Frontend] Form validation styling Fixes #1047 <mct-form> must now include class 'validates' to display validation glyph icons; removed 'no-validate' from markup; cleaned up validation scss; commit 69dc893b4b9de29e3d505f7da4d38854db68b770 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 17:11:52 2016 -0700 [Frontend] Glyphs to classes, mobile Fixes #1047 Fixes and enhancements for mobile, particularly in tree; Removed `display: inline-block` from containerSubtle mixin; commit 7bca18b18613273d579af7874936d43fa45bd790 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 11:36:19 2016 -0700 [Frontend] Rename .s-menu-btn, remove unused Fixes #1047 .s-menu-btn > .s-menu-button; .create-btn > .create-button; removed unused l-btn, t-btn, t-btns-zoom from markup commit 5d229198b7343f3de44a052621e76d1f2e263f04 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 11:25:36 2016 -0700 [Frontend] Rename .s-clickable-icon to .s-icon-button Fixes #1047 commit 36479e2e8b9c6e2a28ce03c0b49efbb633193fc5 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 11:20:30 2016 -0700 [Frontend] Rename .s-btn to .s-button Fixes #1047 commit 89e4f06de9f3b8587318c3962390037f4e97ebe2 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 11:12:07 2016 -0700 [Frontend] Apply clickable-icon class Fixes #1047 commit e65ca1cb8b3982124bae433ab973dd531df3b014 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Thu Jul 28 10:52:35 2016 -0700 [Frontend] Updated icons Fixes #1047 - Clock, timer, plots updated commit 3e7eb98ac2bb4327853ee5307bc1365bd0f26399 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Wed Jul 27 18:05:06 2016 -0700 [Frontend] Standardizing styles Fixes #1047 - Finessing mini-tab and making able to control per theme; s-clickable and s-toggle-icon classes cleaned up commit 18e08074a8e8c076ac927d3948af2865d88acb2d Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Wed Jul 27 16:33:25 2016 -0700 [Frontend] Tweaks to sass code Fixes #1047 - Splitter and mini-tab-icon elements commit 44fda8d68f682c9ae1e0e0fcdae029246eab0af9 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Wed Jul 27 09:24:53 2016 -0700 [Frontend] Multiple UI fixes and tweaks Fixes #1047 mini-tabs, splitters and bg-splash updated; moved position of Inspector collapse mini-tab to allow position transition; splitter-sm class added for Timelines; commit 2aee8bc0d864a679df421d9c44ad092577464c75 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jul 26 15:53:32 2016 -0700 [Frontend] Updated splash image Fixes #1047 commit 624f09777f8aa39f0965a46806769cd56596bcea Merge: ce7591f 4d2f159 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jul 26 15:02:55 2016 -0700 Merge remote-tracking branch 'origin/master' into frontend-1047 commit ce7591f64299f163635808d22181f4c42d782a82 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jul 26 11:22:23 2016 -0700 [Frontend] Fixed clock indicator Fixes #1047 Restored no-collapse and float-right properties; commit 5324c8edbabb225a19b1ba8ccb90401a50bcff9f Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 25 18:14:38 2016 -0700 [Frontend] New font and project file Fixes #1047 New font files that were missed in last commit; updated icomoon proj file; fixed missing char codes in glyphs.scss; commit a3b26288837b1ac80003ef1d819939312c8516bf Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 25 17:54:00 2016 -0700 [Frontend] Revised and new icon art Fixes #1047 New icons for overlay and stacked plots; revised art and new description for Fixed Position object; commit 8a41c6dbc724f19a240d08bce1520335dd50a33f Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 25 17:52:41 2016 -0700 [Frontend] Removing glyph definitions Fixes #1047 Updated comment commit eb293b21ebc2604dc0fea97453cfb929743157cf Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 25 11:56:18 2016 -0700 [Frontend] Removing glyph definitions Fixes #1047 Removed commented code commit d8b1fb7781e0b9244a35ca49d382da5cd48f98b9 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 25 11:17:45 2016 -0700 [Frontend] Removing glyph definitions; updating tests Fixes #1047 Search and removal of "glyph" definitions in bundle and other JS files; updating tests accordingly; commit 650fbcc921d2995b6c0d82087f3e35fa600392e4 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 25 10:20:33 2016 -0700 [Frontend] Removing glyph definitions; updating tests Fixes #1047 Search and removal of "glyph" definitions in bundle and other JS files; updating tests accordingly; commit 574b8bd5c12ac7e8bb900de34c40d3228acbf9bf Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Fri Jul 22 19:11:56 2016 -0700 [Frontend] Updated tests for glyph refactoring Fixes #1047 Fixing test cases commit dd84177441e449f1534b3f528101be221059b11e Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Fri Jul 22 18:47:45 2016 -0700 [Frontend] Updated tests and examples for glyph refactoring Fixes #1047 WIP: Fixing test cases: fixed test in Timers that was expecting glyph return; commit 2231f8e12452c9a4cadc9d51e38dafc3231f812d Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 17:45:20 2016 -0700 [Frontend] Updated tests for glyph refactoring Fixes #1047 Fixing test cases: fixed test in Timers that was expecting glyph return; commit ae59ecfa97615f321900aee3873f1f003b68ed61 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 17:38:45 2016 -0700 [Frontend] Fixed style Fixes #1047 WIP: fixed line-height issue for t-item-icon class commit d43bff1445ca0b171bc27e02b54974afca8a736a Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 17:07:49 2016 -0700 [Frontend] Fixed colors Fixes #1047 WIP: fixed colors and style defs related to clickable icons commit c2db6f880557f1f2f9057d3c9da5ea2105fc9666 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 16:32:17 2016 -0700 [Frontend] Fixed colors Fixes #1047 WIP: fixed colors related to changes to btnSubtle mixin; new constants for clickable icons commit a4753c44d17cadc6345f153a3c03b6d0f04f1de5 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 15:23:58 2016 -0700 [Frontend] Added new icon-brackets to symbols font Fixes #1047 WIP commit 2704640b940ecfb9ac4d56c11f0b7ff99a3e4fd8 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 15:11:28 2016 -0700 [Frontend] Normalize color constants Fixes #1047 Normalize color constant values for themes; consolidated and cleaned up btn-related mixins; fixed hover color issues commit 421286c7e4b926a1b2375d5d8635b1d291b3036d Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 14:10:13 2016 -0700 [Frontend] Convert new Fixed Position Display from glyphs Fixes #1047 WIP commit a4111f38552926f6043de62f4e3f291d735d7005 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 14:07:38 2016 -0700 [Frontend] Refactoring Timeline glyphs, s-btn fixes Fixes #1047 WIP: Timeline-related glyph refactoring; s-btn styles and hover color fixes commit 883f99921591d7efb1fbac784427cfcd6ec9df60 Merge: 9d9cabb 14f1a1f Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jul 21 08:53:23 2016 -0700 Merge remote-tracking branch 'origin/master' into frontend-1047 commit 9d9cabb7607cfc5fa84353e88befa8d2752728c0 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jul 19 16:20:20 2016 -0700 [Frontend] Glyph refactoring Fixes #1047 WIP: search, toolbar buttons; mods to flex archetypes commit 28b663ce4119a5d7fd175b1846c5b704c4ea03ad Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 18 14:58:40 2016 -0700 [Frontend] Glyph-related style changes to toolbars and buttons Fixes #1047 Glyph refactoring WIP for toolbar buttons; Timeline glyph refactoring continued commit a9326f572f87319f773e19ce8cff51f6da26d32b Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 18 13:36:45 2016 -0700 [Frontend] Glyph-related style changes to Timelines Fixes #1047 Timeline glyph refactoring; Resource Graph icons in swimlanes now display grayed-out version when not added to the Resource Graph; minor color tweaks commit d6e1737803e1b9ed78aaf8bea89b560d0b953010 Merge: 88054e5 6176ca2 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Mon Jul 18 10:29:32 2016 -0700 [Frontend] Merge master into frontend-1047 Fixes #1047 Resolved conflict in icomoon.json file commit 88054e5e8e8b374c028d6735f7baf8b654a76d63 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 30 16:55:40 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In progress: significant mods to pane collapse/expand buttons and symbols, minor tweaks to splitter look, limits glyph definitions commit 7c47343f5c634dc1f5244a7db20995f3954ab928 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 30 16:52:21 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In progress: updated font files glyphs, mostly for pane collapse icons commit fd00bdce54e58c91e1dcbb098c7923ef98830239 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 30 12:20:55 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In progress: search menu commit 272b4b649e1e23f089c814b66c9a7601109f244c Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 30 12:11:25 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In progress: moved limits classes out of _contants and into _glyphs; timers, entanglement context menu items, form validation, date picker. commit 95d26e6fe76a7ef875b580f72f63a6601031c939 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Wed Jun 29 14:18:12 2016 -0700 [Frontend] Refactoring glyphs to classes Fixes #1047 In-progress; limits commit 26b30d96db5ea52cefdad83766dbb8681559ca0f Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 28 17:16:18 2016 -0700 [Frontend] Refactoring glyphs to classes Fixes #1047 In-progress; overlay close, search inputs, messages and message banners, ui-symbol removal in-progress. commit 4e2a01ad85dc2c7643e5d9936ef61bfcfc41f998 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 28 16:21:05 2016 -0700 [Frontend] Refactoring glyphs to classes Fixes #1047 In-progress; .labeled added to .s-btn, removed .s-icon-btn commit 521db3c3fe6e91f8711c051691697d367ea5eb40 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 28 16:10:54 2016 -0700 [Frontend] Refactoring glyphs to classes Fixes #1047 In-progress; plot options, imagery buttons, cleanups in buttons.scss, edit-action buttons, .s-btn .no-label class added. commit 8bb8db69e6a22645b418cb5e33b1822de9f30e49 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 28 14:47:52 2016 -0700 [Frontend] Refactoring glyphs to classes Fixes #1047 In-progress; indicators, notifications, actions, tests commit 53ed0bfb22fbc02d3bad4eff5579b5ae1538638a Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 17:01:45 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In progress, really: view icons, timer/clock commit 47dc7f2f6b1678be68a58461d8dcc900a9c242fa Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 16:13:31 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In progress: grid items commit 2bd34f71be7e429edbfc2124f49ff87045a6ffdd Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 15:00:46 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 Context menus and associated actions, custom checkboxes, tree item being edited commit b561d4f60e28577e8e6975df5dbaec88544acbba Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 14:27:56 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In-progess: glyphs.scss now uses $vars to allow other scss to use a var instead of string literals; commit 0cf4089620258bd2c4f572e8973ac0b1b716c447 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 14:13:59 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In-progess: tree-labels, unknown objects, object header commit 46cae1090587e1fb35fc581f2ee171d784f1826a Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 11:41:06 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In-progess, menus and Create menu fixes commit fe3097707fad9e6cbbddde88f9118deba82185c8 Merge: 7d69ae4 652a50c Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Mon Jun 27 11:20:55 2016 -0700 Merge remote-tracking branch 'origin/master' into frontend-1047 commit 7d69ae401b21fece0c959fa99a12dcc7edbc2188 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 23 15:59:56 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In-progress, converting types, mods to Create Menu template commit 18d9f3d6b2060cf837311187b0355ca45ee934a9 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 23 15:14:22 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 Very much In-progess: convert some controls; commit e93a90a782138b3382270cd984ea2842486eb0cd Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 23 11:28:07 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 Very much In-progess, classes for all symbols added to glyphs.scss; .menu cleaned up; commit dc670b22a6a58e9dab019be5f8f33d66c224d113 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Thu Jun 23 08:55:27 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 Very much In-progess, "icon-" selector, browse bar buttons commit 8b29ccf3afe70e73efe90b7558758e4cf9124d9a Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Wed Jun 22 23:15:24 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 Very much In-progess, s-btn and s-btn-menu refactoring commit f574ffed1691517ee8dd811fef4ab25898180827 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Wed Jun 22 14:37:34 2016 -0700 [Frontend] Refactoring glyphs to classes fixes #1047 In-progess, e900 > e904 commit bc62ee4565897b86a68bd33fd68a6817e782f790 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Wed Jun 22 13:28:15 2016 -0700 [Frontend] Complete revamp of unicodes fixes #1047 New font files; no re-mapping yet in the app. commit 614f0c6e9f8ce904f67638ecede9ac1e6ed1cbc3 Author: Charles Hacskaylo <charles.f.hacskaylo@nasa.gov> Date: Wed Jun 22 13:23:18 2016 -0700 [Frontend] Complete revamp of unicodes fixes #1047 Moved all glyphs into PUA area of font, and re-organized by category. commit 47bd4031d56af1e1203315ce9a146de9dfcdf3ad Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 21 18:39:48 2016 -0700 [Frontend] Renaming symbols font files Fixes #1047 - Modified sass to point to renamed font files; - Added new 12px symbols font files to sass; commit 22a51d6bbbedb6f5389e5ede37d8ab131460c205 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 21 18:22:33 2016 -0700 [Frontend] Updating Icomoon project files Fixes #1047 - Renamed main project file; - Added new 12px symbols project file; commit 13ded2fd8482ff1eb3fe95bbe225147adf29024c Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 21 18:19:27 2016 -0700 [Frontend] Added new 12px symbols font files Fixes #1047 commit aef5660dfd9303178014b7c77442f7541c0f26f8 Author: Charles Hacskaylo <charlesh88@gmail.com> Date: Tue Jun 21 18:16:56 2016 -0700 [Frontend] Renaming symbols font files Fixes #1047
This commit is contained in:
Victor Woeltjen
parent
59436f7b45
commit
d1e1ba1c66
@ -49,7 +49,7 @@ define([
|
|||||||
{
|
{
|
||||||
"key": "eventGenerator",
|
"key": "eventGenerator",
|
||||||
"name": "Event Message Generator",
|
"name": "Event Message Generator",
|
||||||
"glyph": "\u0066",
|
"cssclass": "icon-folder-new",
|
||||||
"description": "For development use. Creates sample event message data that mimics a live data stream.",
|
"description": "For development use. Creates sample event message data that mimics a live data stream.",
|
||||||
"priority": 10,
|
"priority": 10,
|
||||||
"features": "creation",
|
"features": "creation",
|
||||||
|
|||||||
@ -36,7 +36,7 @@ define([
|
|||||||
"name": "Export Telemetry as CSV",
|
"name": "Export Telemetry as CSV",
|
||||||
"implementation": ExportTelemetryAsCSVAction,
|
"implementation": ExportTelemetryAsCSVAction,
|
||||||
"category": "contextual",
|
"category": "contextual",
|
||||||
"glyph": "\u0033",
|
"cssclass": "icon-download",
|
||||||
"depends": [ "exportService" ]
|
"depends": [ "exportService" ]
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@ -20,12 +20,14 @@
|
|||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<div ng-controller="ExampleFormController">
|
<div ng-controller="ExampleFormController">
|
||||||
<mct-toolbar structure="toolbar" ng-model="state" name="aToolbar">
|
<mct-toolbar structure="toolbar"
|
||||||
</mct-toolbar>
|
ng-model="state"
|
||||||
|
name="aToolbar"></mct-toolbar>
|
||||||
<mct-form structure="form" ng-model="state" name="aForm">
|
|
||||||
</mct-form>
|
|
||||||
|
|
||||||
|
<mct-form structure="form"
|
||||||
|
ng-model="state"
|
||||||
|
class="validates"
|
||||||
|
name="aForm"></mct-form>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>Dirty: {{aForm.$dirty}}</li>
|
<li>Dirty: {{aForm.$dirty}}</li>
|
||||||
@ -33,11 +35,8 @@
|
|||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<pre>
|
<pre>
|
||||||
|
<textarea>
|
||||||
|
{{state | json}}
|
||||||
<textarea>
|
</textarea>
|
||||||
{{state | json}}
|
|
||||||
</textarea>
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</div>
|
</div>
|
||||||
@ -78,27 +78,26 @@ define(
|
|||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
control: "button",
|
control: "button",
|
||||||
glyph: "1",
|
csslass: "icon-save",
|
||||||
description: "Button A",
|
|
||||||
click: function () {
|
click: function () {
|
||||||
window.alert("A");
|
window.alert("Save");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
control: "button",
|
control: "button",
|
||||||
glyph: "2",
|
csslass: "icon-x",
|
||||||
description: "Button B",
|
description: "Button B",
|
||||||
click: function () {
|
click: function () {
|
||||||
window.alert("B");
|
window.alert("Cancel");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
control: "button",
|
control: "button",
|
||||||
glyph: "3",
|
csslass: "icon-trash",
|
||||||
description: "Button C",
|
description: "Button C",
|
||||||
disabled: true,
|
disabled: true,
|
||||||
click: function () {
|
click: function () {
|
||||||
window.alert("C");
|
window.alert("Delete");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|||||||
@ -86,7 +86,7 @@ define([
|
|||||||
{
|
{
|
||||||
"key": "generator",
|
"key": "generator",
|
||||||
"name": "Sine Wave Generator",
|
"name": "Sine Wave Generator",
|
||||||
"glyph": "\u0054",
|
"cssclass": "icon-telemetry",
|
||||||
"description": "For development use. Generates example streaming telemetry data using a simple sine wave algorithm.",
|
"description": "For development use. Generates example streaming telemetry data using a simple sine wave algorithm.",
|
||||||
"priority": 10,
|
"priority": 10,
|
||||||
"features": "creation",
|
"features": "creation",
|
||||||
|
|||||||
@ -49,7 +49,7 @@ define([
|
|||||||
{
|
{
|
||||||
"key": "imagery",
|
"key": "imagery",
|
||||||
"name": "Example Imagery",
|
"name": "Example Imagery",
|
||||||
"glyph": "\u00e3",
|
"cssclass": "icon-image",
|
||||||
"features": "creation",
|
"features": "creation",
|
||||||
"description": "For development use. Creates example imagery data that mimics a live imagery stream.",
|
"description": "For development use. Creates example imagery data that mimics a live imagery stream.",
|
||||||
"priority": 10,
|
"priority": 10,
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
|
|
||||||
@include phoneandtablet {
|
@include phoneandtablet {
|
||||||
// Show the Create button
|
// Show the Create button
|
||||||
.create-btn-holder {
|
.create-button-holder {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -43,18 +43,18 @@ define([
|
|||||||
{
|
{
|
||||||
"name":"Mars Science Laboratory",
|
"name":"Mars Science Laboratory",
|
||||||
"key": "msl.curiosity",
|
"key": "msl.curiosity",
|
||||||
"glyph": "o"
|
"cssclass": "icon-object"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Instrument",
|
"name": "Instrument",
|
||||||
"key": "msl.instrument",
|
"key": "msl.instrument",
|
||||||
"glyph": "o",
|
"cssclass": "icon-object",
|
||||||
"model": {"composition": []}
|
"model": {"composition": []}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Measurement",
|
"name": "Measurement",
|
||||||
"key": "msl.measurement",
|
"key": "msl.measurement",
|
||||||
"glyph": "\u0054",
|
"cssclass": "icon-telemetry",
|
||||||
"model": {"telemetry": {}},
|
"model": {"telemetry": {}},
|
||||||
"telemetry": {
|
"telemetry": {
|
||||||
"source": "rems.source",
|
"source": "rems.source",
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
<span class="status block ok" ng-controller="DialogLaunchController">
|
<span class="status block" ng-controller="DialogLaunchController">
|
||||||
<!-- DO NOT ADD SPACES BETWEEN THE SPANS - IT ADDS WHITE SPACE!! -->
|
<!-- DO NOT ADD SPACES BETWEEN THE SPANS - IT ADDS WHITE SPACE!! -->
|
||||||
<span class="ui-symbol status-indicator"></span><span class="label">
|
<span class="status-indicator icon-box-with-arrow"></span><span class="label">
|
||||||
<a ng-click="launchProgress(true)">Known</a> |
|
<a ng-click="launchProgress(true)">Known</a> |
|
||||||
<a ng-click="launchProgress(false)">Unknown</a> |
|
<a ng-click="launchProgress(false)">Unknown</a> |
|
||||||
<a ng-click="launchError()">Error</a> |
|
<a ng-click="launchError()">Error</a> |
|
||||||
<a ng-click="launchInfo()">Info</a>
|
<a ng-click="launchInfo()">Info</a>
|
||||||
</span><span class="count">Dialogs</span>
|
</span><span class="count"></span>
|
||||||
</span>
|
</span>
|
||||||
@ -1,9 +1,9 @@
|
|||||||
<span class="status block ok" ng-controller="NotificationLaunchController">
|
<span class="status block" ng-controller="NotificationLaunchController">
|
||||||
<!-- DO NOT ADD SPACES BETWEEN THE SPANS - IT ADDS WHITE SPACE!! -->
|
<!-- DO NOT ADD SPACES BETWEEN THE SPANS - IT ADDS WHITE SPACE!! -->
|
||||||
<span class="ui-symbol status-indicator"></span><span class="label">
|
<span class="status-indicator icon-bell"></span><span class="label">
|
||||||
<a ng-click="newInfo()">Success</a> |
|
<a ng-click="newInfo()">Success</a> |
|
||||||
<a ng-click="newError()">Error</a> |
|
<a ng-click="newError()">Error</a> |
|
||||||
<a ng-click="newAlert()">Alert</a> |
|
<a ng-click="newAlert()">Alert</a> |
|
||||||
<a ng-click="newProgress()">Progress</a>
|
<a ng-click="newProgress()">Progress</a>
|
||||||
</span><span class="count">Notifications</span>
|
</span><span class="count"></span>
|
||||||
</span>
|
</span>
|
||||||
@ -32,17 +32,15 @@ define(
|
|||||||
* launched for demonstration and testing purposes.
|
* launched for demonstration and testing purposes.
|
||||||
* @constructor
|
* @constructor
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function DialogLaunchIndicator() {
|
function DialogLaunchIndicator() {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
DialogLaunchIndicator.template = 'dialogLaunchTemplate';
|
DialogLaunchIndicator.template = 'dialogLaunchTemplate';
|
||||||
|
|
||||||
DialogLaunchIndicator.prototype.getGlyph = function () {
|
|
||||||
return "i";
|
|
||||||
};
|
|
||||||
DialogLaunchIndicator.prototype.getGlyphClass = function () {
|
DialogLaunchIndicator.prototype.getGlyphClass = function () {
|
||||||
return 'caution';
|
return 'ok';
|
||||||
};
|
};
|
||||||
DialogLaunchIndicator.prototype.getText = function () {
|
DialogLaunchIndicator.prototype.getText = function () {
|
||||||
return "Launch test dialog";
|
return "Launch test dialog";
|
||||||
|
|||||||
@ -26,17 +26,21 @@ define(
|
|||||||
function () {
|
function () {
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A tool for manually invoking notifications. When included this
|
||||||
|
* indicator will allow for notifications of different types to be
|
||||||
|
* launched for demonstration and testing purposes.
|
||||||
|
* @constructor
|
||||||
|
*/
|
||||||
|
|
||||||
function NotificationLaunchIndicator() {
|
function NotificationLaunchIndicator() {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
NotificationLaunchIndicator.template = 'notificationLaunchTemplate';
|
NotificationLaunchIndicator.template = 'notificationLaunchTemplate';
|
||||||
|
|
||||||
NotificationLaunchIndicator.prototype.getGlyph = function () {
|
|
||||||
return "i";
|
|
||||||
};
|
|
||||||
NotificationLaunchIndicator.prototype.getGlyphClass = function () {
|
NotificationLaunchIndicator.prototype.getGlyphClass = function () {
|
||||||
return 'caution';
|
return 'ok';
|
||||||
};
|
};
|
||||||
NotificationLaunchIndicator.prototype.getText = function () {
|
NotificationLaunchIndicator.prototype.getText = function () {
|
||||||
return "Launch notification";
|
return "Launch notification";
|
||||||
|
|||||||
@ -81,7 +81,7 @@ define([
|
|||||||
{
|
{
|
||||||
"key": "plot",
|
"key": "plot",
|
||||||
"name": "Example Telemetry Plot",
|
"name": "Example Telemetry Plot",
|
||||||
"glyph": "\u0074",
|
"cssclass": "icon-telemetry-panel",
|
||||||
"description": "For development use. A plot for displaying telemetry.",
|
"description": "For development use. A plot for displaying telemetry.",
|
||||||
"priority": 10,
|
"priority": 10,
|
||||||
"delegates": [
|
"delegates": [
|
||||||
|
|||||||
@ -59,11 +59,14 @@ define(
|
|||||||
update();
|
update();
|
||||||
|
|
||||||
return {
|
return {
|
||||||
getGlyph: function () {
|
/**
|
||||||
return ".";
|
* Get the CSS class that defines the icon
|
||||||
},
|
* to display in this indicator. This will appear
|
||||||
getGlyphClass: function () {
|
* as a dataflow icon.
|
||||||
return undefined;
|
* @returns {string} the cssclass of the dataflow icon
|
||||||
|
*/
|
||||||
|
getCssClass: function () {
|
||||||
|
return "icon-connectivity";
|
||||||
},
|
},
|
||||||
getText: function () {
|
getText: function () {
|
||||||
return displayed + " digests/sec";
|
return displayed + " digests/sec";
|
||||||
|
|||||||
@ -55,24 +55,13 @@ define(
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
/**
|
/**
|
||||||
* Get the glyph (single character used as an icon)
|
* Get the CSS class (single character used as an icon)
|
||||||
* to display in this indicator. This will return ".",
|
* to display in this indicator. This will return ".",
|
||||||
* which should appear as a dataflow icon.
|
* which should appear as a database icon.
|
||||||
* @returns {string} the character of the database icon
|
* @returns {string} the character of the database icon
|
||||||
*/
|
*/
|
||||||
getGlyph: function () {
|
getCssClass: function () {
|
||||||
return "E";
|
return "icon-database";
|
||||||
},
|
|
||||||
/**
|
|
||||||
* Get the name of the CSS class to apply to the glyph.
|
|
||||||
* This is used to color the glyph to match its
|
|
||||||
* state (one of ok, caution or err)
|
|
||||||
* @returns {string} the CSS class to apply to this glyph
|
|
||||||
*/
|
|
||||||
getGlyphClass: function () {
|
|
||||||
return (watches > 2000) ? "caution" :
|
|
||||||
(watches < 1000) ? "ok" :
|
|
||||||
undefined;
|
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* Get the text that should appear in the indicator.
|
* Get the text that should appear in the indicator.
|
||||||
|
|||||||
@ -50,15 +50,12 @@ define(
|
|||||||
requestNext();
|
requestNext();
|
||||||
|
|
||||||
return {
|
return {
|
||||||
getGlyph: function () {
|
getCssClass: function () {
|
||||||
return "?";
|
return "icon-object-unknown";
|
||||||
},
|
},
|
||||||
getText: function () {
|
getText: function () {
|
||||||
return latest;
|
return latest;
|
||||||
},
|
},
|
||||||
getGlyphClass: function () {
|
|
||||||
return "";
|
|
||||||
},
|
|
||||||
getDescription: function () {
|
getDescription: function () {
|
||||||
return "";
|
return "";
|
||||||
}
|
}
|
||||||
|
|||||||
@ -231,7 +231,7 @@ define([
|
|||||||
"$window"
|
"$window"
|
||||||
],
|
],
|
||||||
"group": "windowing",
|
"group": "windowing",
|
||||||
"glyph": "y",
|
"cssclass": "icon-new-window",
|
||||||
"priority": "preferred"
|
"priority": "preferred"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -239,7 +239,6 @@ define([
|
|||||||
"implementation": FullscreenAction,
|
"implementation": FullscreenAction,
|
||||||
"category": "view-control",
|
"category": "view-control",
|
||||||
"group": "windowing",
|
"group": "windowing",
|
||||||
"glyph": "z",
|
|
||||||
"priority": "default"
|
"priority": "default"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@ -247,7 +246,7 @@ define([
|
|||||||
{
|
{
|
||||||
"key": "items",
|
"key": "items",
|
||||||
"name": "Items",
|
"name": "Items",
|
||||||
"glyph": "9",
|
"cssclass": "icon-thumbs-strip",
|
||||||
"description": "Grid of available items",
|
"description": "Grid of available items",
|
||||||
"template": itemsTemplate,
|
"template": itemsTemplate,
|
||||||
"uses": [
|
"uses": [
|
||||||
|
|||||||
@ -20,11 +20,8 @@
|
|||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<!-- Back Arrow Icon used on mobile-->
|
<a class='s-icon-button icon-pointer-left'
|
||||||
<a
|
|
||||||
class='type-icon icon ui-symbol s-back'
|
|
||||||
ng-show="context.getPath().length > 2"
|
ng-show="context.getPath().length > 2"
|
||||||
ng-click="context.getParent().getCapability('action').perform('navigate')">
|
ng-click="context.getParent().getCapability('action').perform('navigate')">
|
||||||
{
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|||||||
@ -31,7 +31,7 @@
|
|||||||
<div class="abs holder l-flex-col holder-treeview-elements">
|
<div class="abs holder l-flex-col holder-treeview-elements">
|
||||||
<mct-representation key="'create-button'"
|
<mct-representation key="'create-button'"
|
||||||
mct-object="navigatedObject"
|
mct-object="navigatedObject"
|
||||||
class="holder flex-elem create-btn-holder">
|
class="holder flex-elem create-button-holder">
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
<mct-include key="'search'"
|
<mct-include key="'search'"
|
||||||
ng-model="treeModel"
|
ng-model="treeModel"
|
||||||
@ -66,6 +66,10 @@
|
|||||||
key="'view-object'"
|
key="'view-object'"
|
||||||
class="abs holder holder-object">
|
class="abs holder holder-object">
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
|
<a class="mini-tab-icon anchor-right mobile-hide toggle-pane toggle-inspect flush-right"
|
||||||
|
title="{{ modelPaneInspect.visible()? 'Hide' : 'Show' }} the Inspection pane"
|
||||||
|
ng-click="modelPaneInspect.toggle()"
|
||||||
|
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<mct-splitter class="splitter-inspect mobile-hide flush-right edge-shdw"></mct-splitter>
|
<mct-splitter class="splitter-inspect mobile-hide flush-right edge-shdw"></mct-splitter>
|
||||||
@ -75,10 +79,6 @@
|
|||||||
mct-object="navigatedObject"
|
mct-object="navigatedObject"
|
||||||
ng-model="treeModel">
|
ng-model="treeModel">
|
||||||
</mct-representation>
|
</mct-representation>
|
||||||
<a class="mini-tab-icon anchor-right mobile-hide toggle-pane toggle-inspect"
|
|
||||||
title="{{ modelPaneInspect.visible()? 'Hide' : 'Show' }} the Inspection pane"
|
|
||||||
ng-click="modelPaneInspect.toggle()"
|
|
||||||
ng-class="{ collapsed : !modelPaneInspect.visible() }"></a>
|
|
||||||
</div>
|
</div>
|
||||||
</mct-split-pane>
|
</mct-split-pane>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -19,7 +19,7 @@
|
|||||||
this source code distribution or the Licensing information page available
|
this source code distribution or the Licensing information page available
|
||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<span class='type-icon ui-symbol flex-elem'>{{type.getGlyph()}}</span>
|
<span class='type-icon flex-elem {{type.getCssClass()}}'></span>
|
||||||
<span class="l-elem-wrapper l-flex-row flex-elem grows">
|
<span class="l-elem-wrapper l-flex-row flex-elem grows">
|
||||||
<span ng-if="parameters.mode" class='action flex-elem'>{{parameters.mode}}</span>
|
<span ng-if="parameters.mode" class='action flex-elem'>{{parameters.mode}}</span>
|
||||||
<span class='title-label flex-elem flex-can-shrink'>{{model.name}}</span>
|
<span class='title-label flex-elem flex-can-shrink'>{{model.name}}</span>
|
||||||
|
|||||||
@ -23,14 +23,14 @@
|
|||||||
<div class='item grid-item' ng-click='action.perform("navigate")'>
|
<div class='item grid-item' ng-click='action.perform("navigate")'>
|
||||||
<div class='contents abs'>
|
<div class='contents abs'>
|
||||||
<div class='top-bar bar abs'>
|
<div class='top-bar bar abs'>
|
||||||
<div class='ui-symbol profile' title='Shared'>O</div>
|
<span class='icon-people' title='Shared'></span>
|
||||||
<mct-representation class="desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation>
|
<mct-representation class="desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation>
|
||||||
</div>
|
</div>
|
||||||
<div class='item-main abs lg'>
|
<div class='item-main abs lg'>
|
||||||
<span class="t-item-icon" ng-class="{ 'l-icon-link':location.isLink() }">
|
<span class="t-item-icon" ng-class="{ 'l-icon-link':location.isLink() }">
|
||||||
<span class="t-item-icon-glyph ng-binding">{{type.getGlyph()}}</span>
|
<span class="t-item-icon-glyph ng-binding {{type.getCssClass()}}"></span>
|
||||||
</span>
|
</span>
|
||||||
<div class='ui-symbol abs item-open'>}</div>
|
<div class='abs item-open icon-pointer-right'></div>
|
||||||
</div>
|
</div>
|
||||||
<div class='bottom-bar bar abs'>
|
<div class='bottom-bar bar abs'>
|
||||||
<div class='title'>{{model.name}}</div>
|
<div class='title'>{{model.name}}</div>
|
||||||
|
|||||||
@ -21,6 +21,6 @@
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<span ng-controller="MenuArrowController as menuArrow">
|
<span ng-controller="MenuArrowController as menuArrow">
|
||||||
<a class='ui-symbol context-available'
|
<a class='context-available'
|
||||||
ng-click='menuArrow.showMenu($event)'>v</a>
|
ng-click='menuArrow.showMenu($event)'></a>
|
||||||
</span>
|
</span>
|
||||||
@ -46,12 +46,12 @@ define(
|
|||||||
};
|
};
|
||||||
|
|
||||||
FullscreenAction.prototype.getMetadata = function () {
|
FullscreenAction.prototype.getMetadata = function () {
|
||||||
// We override getMetadata, because the glyph and
|
// We override getMetadata, because the icon cssclass and
|
||||||
// description need to be determined at run-time
|
// description need to be determined at run-time
|
||||||
// based on whether or not we are currently
|
// based on whether or not we are currently
|
||||||
// full screen.
|
// full screen.
|
||||||
var metadata = Object.create(FullscreenAction);
|
var metadata = Object.create(FullscreenAction);
|
||||||
metadata.glyph = screenfull.isFullscreen ? "_" : "z";
|
metadata.cssclass = screenfull.isFullscreen ? "icon-fullscreen-expand" : "icon-fullscreen-collapse";
|
||||||
metadata.description = screenfull.isFullscreen ?
|
metadata.description = screenfull.isFullscreen ?
|
||||||
EXIT_FULLSCREEN : ENTER_FULLSCREEN;
|
EXIT_FULLSCREEN : ENTER_FULLSCREEN;
|
||||||
metadata.group = "windowing";
|
metadata.group = "windowing";
|
||||||
|
|||||||
@ -51,7 +51,7 @@ define(
|
|||||||
});
|
});
|
||||||
|
|
||||||
it("provides displayable metadata", function () {
|
it("provides displayable metadata", function () {
|
||||||
expect(action.getMetadata().glyph).toBeDefined();
|
expect(action.getMetadata().cssclass).toBeDefined();
|
||||||
});
|
});
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|||||||
@ -21,21 +21,22 @@
|
|||||||
-->
|
-->
|
||||||
<div class="abs top-bar">
|
<div class="abs top-bar">
|
||||||
<div class="title">{{ngModel.title}}</div>
|
<div class="title">{{ngModel.title}}</div>
|
||||||
<div class="hint">All fields marked <span class="ui-symbol req">*</span> are required.</div>
|
<div class="hint">All fields marked <span class="req icon-asterisk"></span> are required.</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='abs editor'>
|
<div class='abs editor'>
|
||||||
<mct-form ng-model="ngModel.value"
|
<mct-form ng-model="ngModel.value"
|
||||||
structure="ngModel.structure"
|
structure="ngModel.structure"
|
||||||
|
class="validates"
|
||||||
name="createForm">
|
name="createForm">
|
||||||
</mct-form>
|
</mct-form>
|
||||||
</div>
|
</div>
|
||||||
<div class="abs bottom-bar">
|
<div class="abs bottom-bar">
|
||||||
<a class='s-btn major'
|
<a class='s-button major'
|
||||||
ng-class="{ disabled: !createForm.$valid }"
|
ng-class="{ disabled: !createForm.$valid }"
|
||||||
ng-click="ngModel.confirm()">
|
ng-click="ngModel.confirm()">
|
||||||
OK
|
OK
|
||||||
</a>
|
</a>
|
||||||
<a class='s-btn'
|
<a class='s-button'
|
||||||
ng-click="ngModel.cancel()">
|
ng-click="ngModel.cancel()">
|
||||||
Cancel
|
Cancel
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@ -16,11 +16,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="bottom-bar">
|
<div class="bottom-bar">
|
||||||
<a ng-repeat="dialogOption in ngModel.options"
|
<a ng-repeat="dialogOption in ngModel.options"
|
||||||
class="s-btn major"
|
class="s-button major"
|
||||||
ng-click="dialogOption.callback()">
|
ng-click="dialogOption.callback()">
|
||||||
{{dialogOption.label}}
|
{{dialogOption.label}}
|
||||||
</a>
|
</a>
|
||||||
<a class="s-btn major"
|
<a class="s-button major"
|
||||||
ng-if="ngModel.primaryOption"
|
ng-if="ngModel.primaryOption"
|
||||||
ng-click="ngModel.primaryOption.callback()">
|
ng-click="ngModel.primaryOption.callback()">
|
||||||
{{ngModel.primaryOption.label}}
|
{{ngModel.primaryOption.label}}
|
||||||
|
|||||||
@ -2,7 +2,8 @@
|
|||||||
<div class="message-contents">
|
<div class="message-contents">
|
||||||
<div class="abs top-bar">
|
<div class="abs top-bar">
|
||||||
<div class="title">{{ngModel.dialog.title}}</div>
|
<div class="title">{{ngModel.dialog.title}}</div>
|
||||||
<div class="hint">Displaying {{ngModel.dialog.messages.length}} message<span ng-show="ngModel.dialog.messages.length > 1">s</span>
|
<div class="hint">Displaying {{ngModel.dialog.messages.length}} message<span ng-show="ngModel.dialog.messages.length > 1 ||
|
||||||
|
ngModel.dialog.messages.length == 0">s</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="abs message-body">
|
<div class="abs message-body">
|
||||||
@ -12,7 +13,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="abs bottom-bar">
|
<div class="abs bottom-bar">
|
||||||
<a ng-repeat="dialogAction in ngModel.dialog.actions"
|
<a ng-repeat="dialogAction in ngModel.dialog.actions"
|
||||||
class="s-btn major"
|
class="s-button major"
|
||||||
ng-click="dialogAction.action()">
|
ng-click="dialogAction.action()">
|
||||||
{{dialogAction.label}}
|
{{dialogAction.label}}
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@ -33,7 +33,7 @@
|
|||||||
<div class="abs bottom-bar">
|
<div class="abs bottom-bar">
|
||||||
<a ng-repeat="option in ngModel.dialog.options"
|
<a ng-repeat="option in ngModel.dialog.options"
|
||||||
href=''
|
href=''
|
||||||
class="s-btn lg"
|
class="s-button lg"
|
||||||
title="{{option.description}}"
|
title="{{option.description}}"
|
||||||
ng-click="ngModel.confirm(option.key)"
|
ng-click="ngModel.confirm(option.key)"
|
||||||
ng-class="{ major: $first, subtle: !$first }">
|
ng-class="{ major: $first, subtle: !$first }">
|
||||||
|
|||||||
@ -24,7 +24,7 @@
|
|||||||
<div class="abs holder">
|
<div class="abs holder">
|
||||||
<a ng-click="ngModel.cancel()"
|
<a ng-click="ngModel.cancel()"
|
||||||
ng-if="ngModel.cancel"
|
ng-if="ngModel.cancel"
|
||||||
class="clk-icon icon ui-symbol close">x</a>
|
class="close icon-x"></a>
|
||||||
<div class="abs contents" ng-transclude></div>
|
<div class="abs contents" ng-transclude></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -174,7 +174,7 @@ define([
|
|||||||
],
|
],
|
||||||
"description": "Edit",
|
"description": "Edit",
|
||||||
"category": "view-control",
|
"category": "view-control",
|
||||||
"glyph": "p"
|
"cssclass": "major icon-pencil"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"key": "properties",
|
"key": "properties",
|
||||||
@ -183,7 +183,7 @@ define([
|
|||||||
"view-control"
|
"view-control"
|
||||||
],
|
],
|
||||||
"implementation": PropertiesAction,
|
"implementation": PropertiesAction,
|
||||||
"glyph": "p",
|
"cssclass": "major icon-pencil",
|
||||||
"name": "Edit Properties...",
|
"name": "Edit Properties...",
|
||||||
"description": "Edit properties of this object.",
|
"description": "Edit properties of this object.",
|
||||||
"depends": [
|
"depends": [
|
||||||
@ -194,7 +194,7 @@ define([
|
|||||||
"key": "remove",
|
"key": "remove",
|
||||||
"category": "contextual",
|
"category": "contextual",
|
||||||
"implementation": RemoveAction,
|
"implementation": RemoveAction,
|
||||||
"glyph": "Z",
|
"cssclass": "icon-trash",
|
||||||
"name": "Remove",
|
"name": "Remove",
|
||||||
"description": "Remove this object from its containing object.",
|
"description": "Remove this object from its containing object.",
|
||||||
"depends": [
|
"depends": [
|
||||||
@ -207,6 +207,7 @@ define([
|
|||||||
"category": "conclude-editing",
|
"category": "conclude-editing",
|
||||||
"implementation": SaveAction,
|
"implementation": SaveAction,
|
||||||
"name": "Save",
|
"name": "Save",
|
||||||
|
"cssclass": "icon-save labeled",
|
||||||
"description": "Save changes made to these objects.",
|
"description": "Save changes made to these objects.",
|
||||||
"depends": [
|
"depends": [
|
||||||
"dialogService"
|
"dialogService"
|
||||||
@ -217,7 +218,8 @@ define([
|
|||||||
"key": "save",
|
"key": "save",
|
||||||
"category": "conclude-editing",
|
"category": "conclude-editing",
|
||||||
"implementation": SaveAsAction,
|
"implementation": SaveAsAction,
|
||||||
"name": "Save",
|
"name": "Save As...",
|
||||||
|
"cssclass": "icon-save labeled",
|
||||||
"description": "Save changes made to these objects.",
|
"description": "Save changes made to these objects.",
|
||||||
"depends": [
|
"depends": [
|
||||||
"$injector",
|
"$injector",
|
||||||
@ -233,6 +235,7 @@ define([
|
|||||||
"category": "conclude-editing",
|
"category": "conclude-editing",
|
||||||
"implementation": CancelAction,
|
"implementation": CancelAction,
|
||||||
"name": "Cancel",
|
"name": "Cancel",
|
||||||
|
"cssclass": "icon-x no-label",
|
||||||
"description": "Discard changes made to these objects.",
|
"description": "Discard changes made to these objects.",
|
||||||
"depends": []
|
"depends": []
|
||||||
}
|
}
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<span ng-controller="ClickAwayController as createController">
|
<span ng-controller="ClickAwayController as createController">
|
||||||
<div class="s-menu-btn major create-btn" ng-click="createController.toggle()">
|
<div class="s-menu-button major create-button" ng-click="createController.toggle()">
|
||||||
<span class="title-label">Create</span>
|
<span class="title-label">Create</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="menu super-menu" ng-show="createController.isActive()">
|
<div class="menu super-menu" ng-show="createController.isActive()">
|
||||||
|
|||||||
@ -22,24 +22,17 @@
|
|||||||
<div class="contents" ng-controller="CreateMenuController">
|
<div class="contents" ng-controller="CreateMenuController">
|
||||||
<div class="pane left menu-items">
|
<div class="pane left menu-items">
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
<li ng-repeat="createAction in createActions" ng-click="createAction.perform()">
|
<li ng-repeat="createAction in createActions" ng-click="createAction.perform()">
|
||||||
<a
|
<a ng-mouseover="representation.activeMetadata = createAction.getMetadata()"
|
||||||
ng-mouseover="representation.activeMetadata = createAction.getMetadata()"
|
ng-mouseleave="representation.activeMetadata = undefined"
|
||||||
ng-mouseleave="representation.activeMetadata = undefined">
|
class="menu-item-a {{ createAction.getMetadata().cssclass }}">
|
||||||
<span class="ui-symbol icon type-icon">
|
|
||||||
{{createAction.getMetadata().glyph}}
|
|
||||||
</span>
|
|
||||||
{{createAction.getMetadata().name}}
|
{{createAction.getMetadata().name}}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="pane right menu-item-description">
|
<div class="pane right menu-item-description">
|
||||||
<div class="desc-area ui-symbol icon type-icon">
|
<div class="desc-area icon {{ representation.activeMetadata.cssclass }}"></div>
|
||||||
{{representation.activeMetadata.glyph}}
|
|
||||||
</div>
|
|
||||||
<div class="desc-area title">
|
<div class="desc-area title">
|
||||||
{{representation.activeMetadata.name}}
|
{{representation.activeMetadata.name}}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -21,7 +21,7 @@
|
|||||||
-->
|
-->
|
||||||
<span ng-controller="EditActionController">
|
<span ng-controller="EditActionController">
|
||||||
<span ng-repeat="currentAction in editActions">
|
<span ng-repeat="currentAction in editActions">
|
||||||
<a class='s-btn t-{{currentAction.getMetadata().key}}'
|
<a class='s-button {{currentAction.getMetadata().cssclass}}'
|
||||||
title='{{currentAction.getMetadata().name}}'
|
title='{{currentAction.getMetadata().name}}'
|
||||||
ng-click="currentAction.perform()"
|
ng-click="currentAction.perform()"
|
||||||
ng-class="{ major: $index === 0 }">
|
ng-class="{ major: $index === 0 }">
|
||||||
|
|||||||
@ -51,7 +51,7 @@ define(
|
|||||||
function AddAction(type, parent, context, $q, dialogService, policyService) {
|
function AddAction(type, parent, context, $q, dialogService, policyService) {
|
||||||
this.metadata = {
|
this.metadata = {
|
||||||
key: 'add',
|
key: 'add',
|
||||||
glyph: type.getGlyph(),
|
cssclass: type.getCssClass(),
|
||||||
name: type.getName(),
|
name: type.getName(),
|
||||||
type: type.getKey(),
|
type: type.getKey(),
|
||||||
description: type.getDescription(),
|
description: type.getDescription(),
|
||||||
|
|||||||
@ -47,7 +47,7 @@ define(
|
|||||||
function CreateAction(type, parent, context) {
|
function CreateAction(type, parent, context) {
|
||||||
this.metadata = {
|
this.metadata = {
|
||||||
key: 'create',
|
key: 'create',
|
||||||
glyph: type.getGlyph(),
|
cssclass: type.getCssClass(),
|
||||||
name: type.getName(),
|
name: type.getName(),
|
||||||
type: type.getKey(),
|
type: type.getKey(),
|
||||||
description: type.getDescription(),
|
description: type.getDescription(),
|
||||||
|
|||||||
@ -45,6 +45,7 @@ define(
|
|||||||
[
|
[
|
||||||
"getKey",
|
"getKey",
|
||||||
"getGlyph",
|
"getGlyph",
|
||||||
|
"getCssClass",
|
||||||
"getName",
|
"getName",
|
||||||
"getDescription",
|
"getDescription",
|
||||||
"getProperties",
|
"getProperties",
|
||||||
|
|||||||
@ -41,6 +41,7 @@ define(
|
|||||||
[
|
[
|
||||||
"getKey",
|
"getKey",
|
||||||
"getGlyph",
|
"getGlyph",
|
||||||
|
"getCssClass",
|
||||||
"getName",
|
"getName",
|
||||||
"getDescription",
|
"getDescription",
|
||||||
"getProperties",
|
"getProperties",
|
||||||
|
|||||||
@ -51,6 +51,7 @@ define(
|
|||||||
[
|
[
|
||||||
"getKey",
|
"getKey",
|
||||||
"getGlyph",
|
"getGlyph",
|
||||||
|
"getCssClass",
|
||||||
"getName",
|
"getName",
|
||||||
"getDescription",
|
"getDescription",
|
||||||
"getProperties",
|
"getProperties",
|
||||||
@ -119,7 +120,7 @@ define(
|
|||||||
mockParent.useCapability.andReturn(mockDomainObject);
|
mockParent.useCapability.andReturn(mockDomainObject);
|
||||||
|
|
||||||
mockType.getKey.andReturn("test");
|
mockType.getKey.andReturn("test");
|
||||||
mockType.getGlyph.andReturn("T");
|
mockType.getCssClass.andReturn("icon-telemetry");
|
||||||
mockType.getDescription.andReturn("a test type");
|
mockType.getDescription.andReturn("a test type");
|
||||||
mockType.getName.andReturn("Test");
|
mockType.getName.andReturn("Test");
|
||||||
mockType.getProperties.andReturn([]);
|
mockType.getProperties.andReturn([]);
|
||||||
@ -137,7 +138,7 @@ define(
|
|||||||
|
|
||||||
expect(metadata.name).toEqual("Test");
|
expect(metadata.name).toEqual("Test");
|
||||||
expect(metadata.description).toEqual("a test type");
|
expect(metadata.description).toEqual("a test type");
|
||||||
expect(metadata.glyph).toEqual("T");
|
expect(metadata.cssclass).toEqual("icon-telemetry");
|
||||||
});
|
});
|
||||||
|
|
||||||
describe("the perform function", function () {
|
describe("the perform function", function () {
|
||||||
|
|||||||
@ -54,6 +54,7 @@ define(
|
|||||||
[
|
[
|
||||||
"getKey",
|
"getKey",
|
||||||
"getGlyph",
|
"getGlyph",
|
||||||
|
"getCssClass",
|
||||||
"getName",
|
"getName",
|
||||||
"getDescription",
|
"getDescription",
|
||||||
"getProperties",
|
"getProperties",
|
||||||
@ -74,7 +75,7 @@ define(
|
|||||||
testModel = { someKey: "some value" };
|
testModel = { someKey: "some value" };
|
||||||
|
|
||||||
mockType.getKey.andReturn("test");
|
mockType.getKey.andReturn("test");
|
||||||
mockType.getGlyph.andReturn("T");
|
mockType.getCssClass.andReturn("icon-telemetry");
|
||||||
mockType.getDescription.andReturn("a test type");
|
mockType.getDescription.andReturn("a test type");
|
||||||
mockType.getName.andReturn("Test");
|
mockType.getName.andReturn("Test");
|
||||||
mockType.getInitialModel.andReturn(testModel);
|
mockType.getInitialModel.andReturn(testModel);
|
||||||
|
|||||||
@ -0,0 +1,207 @@
|
|||||||
|
{
|
||||||
|
"metadata": {
|
||||||
|
"name": "openmct-symbols-12px",
|
||||||
|
"lastOpened": 1467322505818,
|
||||||
|
"created": 1467322503679
|
||||||
|
},
|
||||||
|
"iconSets": [
|
||||||
|
{
|
||||||
|
"selection": [
|
||||||
|
{
|
||||||
|
"order": 4,
|
||||||
|
"id": 2,
|
||||||
|
"prevSize": 12,
|
||||||
|
"code": 59671,
|
||||||
|
"name": "icon12-eye-open",
|
||||||
|
"tempChar": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"order": 7,
|
||||||
|
"id": 5,
|
||||||
|
"prevSize": 12,
|
||||||
|
"code": 921607,
|
||||||
|
"name": "icon12-pane-collapse-left",
|
||||||
|
"tempChar": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"order": 8,
|
||||||
|
"id": 4,
|
||||||
|
"prevSize": 12,
|
||||||
|
"code": 921608,
|
||||||
|
"name": "icon12-pane-collapse-right",
|
||||||
|
"tempChar": ""
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"order": 6,
|
||||||
|
"id": 3,
|
||||||
|
"prevSize": 12,
|
||||||
|
"code": 921865,
|
||||||
|
"name": "icon12-folder",
|
||||||
|
"tempChar": ""
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"id": 0,
|
||||||
|
"metadata": {
|
||||||
|
"name": "openmct-symbols-12px",
|
||||||
|
"importSize": {
|
||||||
|
"width": 320,
|
||||||
|
"height": 384
|
||||||
|
},
|
||||||
|
"designer": "Charles Hacskaylo"
|
||||||
|
},
|
||||||
|
"height": 1024,
|
||||||
|
"prevSize": 12,
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"id": 2,
|
||||||
|
"paths": [
|
||||||
|
"M512 86c-257.92 0-471.28 185.147-506.667 426 35.493 240.853 248.853 426 506.667 426s471.28-185.147 506.667-426c-35.387-240.853-248.747-426-506.667-426zM738.373 685.2c-131.048 109.517-321.699 109.517-452.747 0-53.328-44.749-90.832-105.477-106.96-173.2 16.101-67.707 53.565-128.435 106.853-173.2 131.048-109.517 321.699-109.517 452.747 0 53.368 44.733 90.909 105.464 107.067 173.2-16.128 67.723-53.632 128.451-106.96 173.2z",
|
||||||
|
"M682.667 512c0 94.257-76.41 170.667-170.667 170.667s-170.667-76.41-170.667-170.667c0-94.257 76.41-170.667 170.667-170.667s170.667 76.41 170.667 170.667z"
|
||||||
|
],
|
||||||
|
"attrs": [],
|
||||||
|
"isMulticolor": false,
|
||||||
|
"grid": 0,
|
||||||
|
"tags": [
|
||||||
|
"icon12-eye-open"
|
||||||
|
],
|
||||||
|
"colorPermutations": {
|
||||||
|
"1161751": [
|
||||||
|
{
|
||||||
|
"f": 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"f": 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 5,
|
||||||
|
"paths": [
|
||||||
|
"M0 0h170.667v1024h-170.667v-1024z",
|
||||||
|
"M853.333 256h-256v-256l-341.333 426.667 341.333 426.667v-256h256v-341.333z"
|
||||||
|
],
|
||||||
|
"attrs": [
|
||||||
|
{
|
||||||
|
"opacity": 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"opacity": 1
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"isMulticolor": false,
|
||||||
|
"width": 853,
|
||||||
|
"grid": 0,
|
||||||
|
"tags": [
|
||||||
|
"icon12-pane-collapse-left"
|
||||||
|
],
|
||||||
|
"colorPermutations": {
|
||||||
|
"1161751": [
|
||||||
|
{},
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 4,
|
||||||
|
"paths": [
|
||||||
|
"M682.667 0h170.667v1024h-170.667v-1024z",
|
||||||
|
"M0 256h256v-256l341.333 426.667-341.333 426.667v-256h-256v-341.333z"
|
||||||
|
],
|
||||||
|
"attrs": [
|
||||||
|
{
|
||||||
|
"opacity": 1
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"opacity": 1
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"isMulticolor": false,
|
||||||
|
"width": 853,
|
||||||
|
"grid": 0,
|
||||||
|
"tags": [
|
||||||
|
"icon12-pane-collapse-right"
|
||||||
|
],
|
||||||
|
"colorPermutations": {
|
||||||
|
"1161751": [
|
||||||
|
{},
|
||||||
|
{}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": 3,
|
||||||
|
"paths": [
|
||||||
|
"M938.667 170.667h-341.333l-110.32-110.32c-33.2-33.2-98.667-60.347-145.68-60.347h-256c-47.073 0.136-85.197 38.26-85.333 85.32l-0 341.346c0.136-47.073 38.26-85.197 85.32-85.333l853.346-0c47.073 0.136 85.197 38.26 85.333 85.32l0-170.654c-0.136-47.073-38.26-85.197-85.32-85.333z",
|
||||||
|
"M85.333 426.667h853.333c47.128 0 85.333 38.205 85.333 85.333v426.667c0 47.128-38.205 85.333-85.333 85.333h-853.333c-47.128 0-85.333-38.205-85.333-85.333v-426.667c0-47.128 38.205-85.333 85.333-85.333z"
|
||||||
|
],
|
||||||
|
"attrs": [],
|
||||||
|
"isMulticolor": false,
|
||||||
|
"grid": 0,
|
||||||
|
"tags": [
|
||||||
|
"icon12-folder"
|
||||||
|
],
|
||||||
|
"colorPermutations": {
|
||||||
|
"1161751": [
|
||||||
|
{
|
||||||
|
"f": 0
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"f": 0
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"invisible": false,
|
||||||
|
"colorThemes": [
|
||||||
|
[
|
||||||
|
[
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
0,
|
||||||
|
1
|
||||||
|
],
|
||||||
|
[
|
||||||
|
0,
|
||||||
|
161,
|
||||||
|
75,
|
||||||
|
1
|
||||||
|
]
|
||||||
|
]
|
||||||
|
],
|
||||||
|
"colorThemeIdx": 0
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"preferences": {
|
||||||
|
"showGlyphs": true,
|
||||||
|
"showCodes": true,
|
||||||
|
"showQuickUse": true,
|
||||||
|
"showQuickUse2": true,
|
||||||
|
"showSVGs": true,
|
||||||
|
"fontPref": {
|
||||||
|
"prefix": "icon-",
|
||||||
|
"metadata": {
|
||||||
|
"fontFamily": "openmct-symbols-12px",
|
||||||
|
"majorVersion": 1,
|
||||||
|
"minorVersion": 0
|
||||||
|
},
|
||||||
|
"metrics": {
|
||||||
|
"emSize": 1024,
|
||||||
|
"baseline": 6.25,
|
||||||
|
"whitespace": 50
|
||||||
|
},
|
||||||
|
"embed": false
|
||||||
|
},
|
||||||
|
"imagePref": {
|
||||||
|
"prefix": "icon-",
|
||||||
|
"png": true,
|
||||||
|
"useClassSelector": true,
|
||||||
|
"color": 0,
|
||||||
|
"bgColor": 16777215
|
||||||
|
},
|
||||||
|
"historySize": 100,
|
||||||
|
"gridSize": 16
|
||||||
|
},
|
||||||
|
"uid": -1
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.eot
Executable file
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.eot
Executable file
Binary file not shown.
14
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.svg
Executable file
14
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.svg
Executable file
@ -0,0 +1,14 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata>Generated by IcoMoon</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="openmct-symbols-12px" horiz-adv-x="1024">
|
||||||
|
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||||
|
<missing-glyph horiz-adv-x="1024" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||||
|
<glyph unicode="" glyph-name="icon12-eye-open" d="M512 852.667c-257.92 0-471.28-185.147-506.667-426 35.493-240.853 248.853-426 506.667-426s471.28 185.147 506.667 426c-35.387 240.853-248.747 426-506.667 426zM738.373 253.467c-131.048-109.517-321.699-109.517-452.747 0-53.328 44.749-90.832 105.477-106.96 173.2 16.101 67.707 53.565 128.435 106.853 173.2 131.048 109.517 321.699 109.517 452.747 0 53.368-44.733 90.909-105.464 107.067-173.2-16.128-67.723-53.632-128.451-106.96-173.2zM682.667 426.667c0-94.257-76.41-170.667-170.667-170.667s-170.667 76.41-170.667 170.667c0 94.257 76.41 170.667 170.667 170.667s170.667-76.41 170.667-170.667z" />
|
||||||
|
<glyph unicode="󡀇" glyph-name="icon12-pane-collapse-left" horiz-adv-x="853" d="M0 938.667h170.667v-1024h-170.667v1024zM853.333 682.667h-256v256l-341.333-426.667 341.333-426.667v256h256v341.333z" />
|
||||||
|
<glyph unicode="󡀈" glyph-name="icon12-pane-collapse-right" horiz-adv-x="853" d="M682.667 938.667h170.667v-1024h-170.667v1024zM0 682.667h256v256l341.333-426.667-341.333-426.667v256h-256v341.333z" />
|
||||||
|
<glyph unicode="󡄉" glyph-name="icon12-folder" d="M938.667 768h-341.333l-110.32 110.32c-33.2 33.2-98.667 60.347-145.68 60.347h-256c-47.073-0.136-85.197-38.26-85.333-85.32v-341.346c0.136 47.073 38.26 85.197 85.32 85.333h853.346c47.073-0.136 85.197-38.26 85.333-85.32v170.654c-0.136 47.073-38.26 85.197-85.32 85.333zM85.333 512h853.333c47.128 0 85.333-38.205 85.333-85.333v-426.667c0-47.128-38.205-85.333-85.333-85.333h-853.333c-47.128 0-85.333 38.205-85.333 85.333v426.667c0 47.128 38.205 85.333 85.333 85.333z" />
|
||||||
|
</font></defs></svg>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.ttf
Executable file
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.ttf
Executable file
Binary file not shown.
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.woff
Executable file
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-12px.woff
Executable file
Binary file not shown.
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.eot
Executable file
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.eot
Executable file
Binary file not shown.
106
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.svg
Executable file
106
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.svg
Executable file
@ -0,0 +1,106 @@
|
|||||||
|
<?xml version="1.0" standalone="no"?>
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<metadata>Generated by IcoMoon</metadata>
|
||||||
|
<defs>
|
||||||
|
<font id="openmct-symbols-16px" horiz-adv-x="1024">
|
||||||
|
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||||
|
<missing-glyph horiz-adv-x="1024" />
|
||||||
|
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||||
|
<glyph unicode="" glyph-name="icon-alert-rect" d="M896 960h-768c-70.6-0.2-127.8-57.4-128-128v-768c0.2-70.6 57.4-127.8 128-128h768c70.6 0.2 127.8 57.4 128 128v768c-0.2 70.6-57.4 127.8-128 128zM576 64h-128v128h128v-128zM597.8 448l-37.8-192h-96l-37.8 192v384h171.8v-384z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-alert-triangle" d="M998.2 111.2l-422.6 739.6c-35 61.2-92 61.2-127 0l-422.8-739.6c-35-61.2-6-111.2 64.4-111.2h843.4c70.6 0 99.6 50 64.6 111.2zM576 64h-128v128h128v-128zM597.8 448l-37.8-192h-96l-37.8 192v256h171.8v-256z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-down" d="M512 192l512 512h-1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-left" d="M256 448l512-512v1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-right" d="M768 448l-512 512v-1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-double-up" d="M510 450l512-512h-1024zM510 962l512-512h-1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-tall-up" d="M512 960l512-1024h-1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-tall-down" d="M512-64l-512 1024h1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-double-down" d="M510 450l-512 512h1024zM510-62l-512 512h1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-arrow-up" d="M512 704l-512-512h1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-asterisk" d="M1004.166 619.542l-97.522 168.916-330.534-229.414 33.414 400.956h-195.048l33.414-400.956-330.534 229.414-97.522-168.916 363.944-171.542-363.944-171.542 97.522-168.916 330.534 229.414-33.414-400.956h195.048l-33.414 400.956 330.534-229.414 97.522 168.916-363.944 171.542z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-bell" d="M512-64c106 0 192 86 192 192h-384c0-106 86-192 192-192zM896 512v64c0 212-172 384-384 384s-384-172-384-384v-64c0-70.6-57.4-128-128-128v-128h1024v128c-70.6 0-128 57.4-128 128z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-box" d="M0 960h1024v-1024h-1024v1024z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-box-with-arrow-cursor" d="M894 962h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h400c-2.2 3.8-4 7.6-5.8 11.4l-255.2 576.8c-21.4 48.4-10.8 105 26.6 142.4 24.4 24.4 57.2 37.4 90.4 37.4 17.4 0 35.2-3.6 51.8-11l576.6-255.4c4-1.8 7.8-3.8 11.4-5.8v400.2c0.2 70.4-57.4 128-127.8 128zM958.6 322.6l-576.6 255.4 255.4-576.6 64.6 128.6 192-192 128 128-192 192z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-check" d="M1024 960l-640-640-384 384v-384l384-384 640 640z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-connectivity" d="M704 384c0-70.4-57.6-128-128-128h-128c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128v-128zM1024 448l-192 320v-640zM0 448l192 320v-640z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-database-in-brackets" d="M768 608c0-53.019-114.615-96-256-96s-256 42.981-256 96c0 53.019 114.615 96 256 96s256-42.981 256-96zM768 288v256c0-53-114.6-96-256-96s-256 43-256 96v-256c0-53 114.6-96 256-96s256 43 256 96zM832 960h-128v-192h127.6c0.2 0 0.2-0.2 0.4-0.4v-639.4c0-0.2-0.2-0.2-0.4-0.4h-127.6v-192h128c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192zM192 128.4v639.4c0 0.2 0.2 0.2 0.4 0.4h127.6v191.8h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192h-127.6c-0.2 0-0.4 0.2-0.4 0.4z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-eye-open" d="M512 843.6c-245.8 0-452.2-168-510.8-395.6 58.6-227.4 265-395.6 510.8-395.6s452.2 168 510.8 395.6c-58.6 227.4-265 395.6-510.8 395.6zM829.2 371.6c-22.6-34.4-50.6-64.8-83-90.4-32.8-25.8-69-45.6-108-59.4-40.4-14.2-82.8-21.4-126-21.4s-85.8 7.2-126 21.4c-39 13.8-75.4 33.8-108 59.4-32.4 25.6-60.4 55.8-83 90.4-15.8 24-28.8 49.6-38.6 76.4 10 26.8 23 52.4 38.6 76.4 22.6 34.4 50.6 64.8 83 90.4 32.8 25.8 69 45.6 108 59.4 40.4 14.2 82.8 21.4 126 21.4s85.8-7.2 126-21.4c39-13.8 75.4-33.8 108-59.4 32.4-25.6 60.4-55.8 83-90.4 15.8-24 28.8-49.6 38.6-76.4-9.8-26.8-22.8-52.4-38.6-76.4zM704 448c0-106.039-85.961-192-192-192s-192 85.961-192 192c0 106.039 85.961 192 192 192s192-85.961 192-192z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-gear" d="M1024 384v128l-140.976 35.244c-8.784 32.922-21.818 64.106-38.504 92.918l74.774 124.622-90.51 90.51-124.622-74.774c-28.812 16.686-59.996 29.72-92.918 38.504l-35.244 140.976h-128l-35.244-140.976c-32.922-8.784-64.106-21.818-92.918-38.504l-124.622 74.774-90.51-90.51 74.774-124.622c-16.686-28.812-29.72-59.996-38.504-92.918l-140.976-35.244v-128l140.976-35.244c8.784-32.922 21.818-64.106 38.504-92.918l-74.774-124.622 90.51-90.51 124.622 74.774c28.812-16.686 59.996-29.72 92.918-38.504l35.244-140.976h128l35.244 140.976c32.922 8.784 64.106 21.818 92.918 38.504l124.622-74.774 90.51 90.51-74.774 124.622c16.686 28.812 29.72 59.996 38.504 92.918l140.976 35.244zM704 448c0-106.038-85.962-192-192-192s-192 85.962-192 192 85.962 192 192 192 192-85.962 192-192z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-hourglass" d="M1024 960h-1024c0-282.8 229.2-512 512-512s512 229.2 512 512zM512 576c-102.6 0-199 40-271.6 112.4-41.2 41.2-72 90.2-90.8 143.6h724.6c-18.8-53.4-49.6-102.4-90.8-143.6-72.4-72.4-168.8-112.4-271.4-112.4zM512 448c-282.8 0-512-229.2-512-512h1024c0 282.8-229.2 512-512 512z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-info" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM512 832c70.6 0 128-57.4 128-128s-57.4-128-128-128c-70.6 0-128 57.4-128 128s57.4 128 128 128zM704 128h-384v128h64v256h256v-256h64v-128z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-link" d="M1024 448l-512 512v-307.2l-512-204.8v-256h512v-256z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-lock" d="M832 576h-32v96c0 158.8-129.2 288-288 288s-288-129.2-288-288v-96h-32c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h640c70.4 0 128 57.6 128 128v384c0 70.4-57.6 128-128 128zM416 672c0 53 43 96 96 96s96-43 96-96v-96h-192v96z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-minus" d="M960 320c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64h-896c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h896z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-people" d="M704 640h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM256 640h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM832 576h-192c-34.908 0-67.716-9.448-96-25.904 57.278-33.324 96-95.404 96-166.096v-448h384v448c0 105.6-86.4 192-192 192zM384 576h-192c-105.6 0-192-86.4-192-192v-448h576v448c0 105.6-86.4 192-192 192z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-person" d="M768 704c0-105.6-86.4-192-192-192h-128c-105.6 0-192 86.4-192 192v64c0 105.6 86.4 192 192 192h128c105.6 0 192-86.4 192-192v-64zM64-64v192c0 140.8 115.2 256 256 256h384c140.8 0 256-115.2 256-256v-192z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-plus" d="M960 576h-330v320c0 35.2-28.8 64-64 64h-108c-35.2 0-64-28.8-64-64v-320h-330c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h330v-320c0-35.2 28.8-64 64-64h108c35.2 0 64 28.8 64 64v320h330c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-trash" d="M832 832h-192.36v64c0 35.2-28.8 64-64 64h-128c-35.2 0-64-28.8-64-64v-64h-191.64c-105.6 0-192-72-192-160s0-160 0-160h64v-384c0-105.6 86.4-192 192-192h512c105.6 0 192 86.4 192 192v384h64c0 0 0 72 0 160s-86.4 160-192 160zM320 128h-128v384h128v-384zM576 128h-128v384h128v-384zM832 128h-128v384h128v-384z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-x" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" />
|
||||||
|
<glyph unicode="" glyph-name="icon-brackets" d="M832 960h-192v-192h191.66l0.34-0.34v-639.32l-0.34-0.34h-191.66v-192h192c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM384 128h-191.66l-0.34 0.34v639.32l0.34 0.34h191.66v192h-192c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h192v192z" />
|
||||||
|
<glyph unicode="󡀀" glyph-name="icon-arrows-out" d="M0 448l256-256v512zM512 960l-256-256h512zM512-64l256 256h-512zM768 704v-512l256 256z" />
|
||||||
|
<glyph unicode="󡀁" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
|
||||||
|
<glyph unicode="󡀂" glyph-name="icon-arrows-up-down" d="M512 960l512-448h-1024zM0 384l512-448 512 448z" />
|
||||||
|
<glyph unicode="󡀄" glyph-name="icon-bullet" d="M832 208c0-44-36-80-80-80h-480c-44 0-80 36-80 80v480c0 44 36 80 80 80h480c44 0 80-36 80-80v-480z" />
|
||||||
|
<glyph unicode="󡀅" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
|
||||||
|
<glyph unicode="󡀆" glyph-name="icon-chain-links" d="M958.4 894.4c-43.8 43.8-101 65.6-158.4 65.6s-114.6-21.8-158.4-65.6l-128-128c-74-74-85.4-187-34-273l-12.8-12.8c-35.4 20.8-75 31.4-114.8 31.4-57.4 0-114.6-21.8-158.4-65.6l-128-128c-87.4-87.4-87.4-229.4 0-316.8 43.8-43.8 101-65.6 158.4-65.6s114.6 21.8 158.4 65.6l128 128c74 74 85.4 187 34 273l12.8 12.8c35.2-21 75-31.6 114.6-31.6 57.4 0 114.6 21.8 158.4 65.6l128 128c87.6 87.6 87.6 229.6 0.2 317zM419.8 220.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2s-49.8 10-67.8 28.2c-37.4 37.4-37.4 98.4 0 135.8l128 128c18.2 18.2 42.2 28.2 67.8 28.2 5.6 0 11.2-0.6 16.8-1.4l-55.6-55.6c-10.4-10.4-16.2-24.2-16.2-38.8s5.8-28.6 16.2-38.8c10.4-10.4 24.2-16.2 38.8-16.2s28.6 5.8 38.8 16.2l55.6 55.6c5.4-30.4-3.6-62.2-26.6-85zM867.8 668.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2-5.6 0-11.2 0.6-16.8 1.4l55.6 55.6c10.4 10.4 16.2 24.2 16.2 38.8s-5.8 28.6-16.2 38.8c-10.4 10.4-24.2 16.2-38.8 16.2s-28.6-5.8-38.8-16.2l-55.6-55.6c-5.2 29.8 3.6 61.6 26.6 84.6l128 128c18 18.4 42.2 28.4 67.8 28.4s49.8-10 67.8-28.2c37.6-37.4 37.6-98.2 0-135.6z" />
|
||||||
|
<glyph unicode="󡀇" glyph-name="icon-pane-collapse-left" horiz-adv-x="832" d="M0 960h192v-1024h-192v1024zM832 704h-256v256l-320-416 320-416v256h256v320z" />
|
||||||
|
<glyph unicode="󡀈" glyph-name="icon-pane-collapse-right" horiz-adv-x="832" d="M640 960h192v-1024h-192v1024zM0 704h256v256l320-416-320-416v256h-256v320z" />
|
||||||
|
<glyph unicode="󡀉" glyph-name="icon-download" d="M832 384v-255.66l-0.34-0.34-639.66 0.34v255.66h-192v-256c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v256h-192zM512 320l448 448h-256v192h-384v-192h-256l448-448z" />
|
||||||
|
<glyph unicode="󡀐" glyph-name="icon-duplicate" d="M640 704v128c0 70.4-57.6 128-128 128h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h128v139.6c0 134.8 109.6 244.4 244.4 244.4h139.6zM896 576h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h384c70.4 0 128 57.6 128 128v384c0 70.4-57.6 128-128 128z" />
|
||||||
|
<glyph unicode="󡀑" glyph-name="icon-folder-new" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM704 160h-128v-128h-128v128h-128v128h128v128h128v-128h128v-128z" />
|
||||||
|
<glyph unicode="󡀒" glyph-name="icon-fullscreen-expand" d="M192.344 128c-0.118 0.1-0.244 0.224-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192h192v192h-191.656zM192 767.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656zM832 960h-192v-192h191.656c0.118-0.1 0.244-0.226 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192zM832 128.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656z" />
|
||||||
|
<glyph unicode="󡀓" glyph-name="icon-fullscreen-collapse" d="M191.656 128c0.118-0.1 0.244-0.224 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192h-192v-192h191.656zM192 768.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656zM832 576h192v192h-191.656c-0.118 0.1-0.244 0.226-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192zM832 127.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656z" />
|
||||||
|
<glyph unicode="󡀔" glyph-name="icon-layers" d="M1024 576l-512 384-512-384 512-384zM512 64l-426.666 320-85.334-64 512-384 512 384-85.334 64z" />
|
||||||
|
<glyph unicode="󡀕" glyph-name="icon-line-horz" d="M64 384c-35.346 0-64 28.654-64 64s28.654 64 64 64h896c35.346 0 64-28.654 64-64s-28.654-64-64-64h-896z" />
|
||||||
|
<glyph unicode="󡀖" glyph-name="icon-magnify" d="M1024 64l-201.662 201.662c47.922 72.498 73.662 157.434 73.662 246.338 0 119.666-46.6 232.168-131.216 316.784s-197.118 131.216-316.784 131.216-232.168-46.6-316.784-131.216-131.216-197.118-131.216-316.784 46.6-232.168 131.216-316.784 197.118-131.216 316.784-131.216c88.904 0 173.84 25.74 246.338 73.662l201.662-201.662 128 128zM448 256c-141.16 0-256 114.842-256 256 0 141.16 114.84 256 256 256 141.158 0 256-114.84 256-256 0-141.158-114.842-256-256-256z" />
|
||||||
|
<glyph unicode="󡀗" glyph-name="icon-magnify-in" d="M640 576h-128v128h-128v-128h-128v-128h128v-128h128v128h128zM1024 64l-201.662 201.662c47.922 72.498 73.662 157.434 73.662 246.338 0 119.666-46.6 232.168-131.216 316.784s-197.118 131.216-316.784 131.216c-119.666 0-232.168-46.6-316.784-131.216s-131.216-197.118-131.216-316.784c0-119.666 46.6-232.168 131.216-316.784s197.118-131.216 316.784-131.216c88.904 0 173.84 25.74 246.338 73.662l201.662-201.662 128 128zM448 256c-141.16 0-256 114.842-256 256 0 141.16 114.84 256 256 256 141.158 0 256-114.84 256-256 0-141.158-114.842-256-256-256z" />
|
||||||
|
<glyph unicode="󡀘" glyph-name="icon-magnify-out" d="M256 576h384v-128h-384v128zM1024 64l-201.662 201.662c47.922 72.498 73.662 157.434 73.662 246.338 0 119.666-46.6 232.168-131.216 316.784s-197.118 131.216-316.784 131.216c-119.666 0-232.168-46.6-316.784-131.216s-131.216-197.118-131.216-316.784c0-119.666 46.6-232.168 131.216-316.784s197.118-131.216 316.784-131.216c88.904 0 173.84 25.74 246.338 73.662l201.662-201.662 128 128zM448 256c-141.16 0-256 114.842-256 256 0 141.16 114.84 256 256 256 141.158 0 256-114.84 256-256 0-141.158-114.842-256-256-256z" />
|
||||||
|
<glyph unicode="󡀙" glyph-name="icon-menu" d="M0 960h1024v-256h-1024v256zM0 576h1024v-256h-1024v256zM0 192h1024v-256h-1024v256z" />
|
||||||
|
<glyph unicode="󡀠" glyph-name="icon-move" d="M293.4 448l218.6 218.6 256-256v421.4c0 70.4-57.6 128-128 128h-512c-70.4 0-128-57.6-128-128v-512c0-70.4 57.6-128 128-128h421.4l-256 256zM1024 512h-128v-320l-384 384-128-128 384-384h-320v-128h576z" />
|
||||||
|
<glyph unicode="󡀡" glyph-name="icon-new-window" d="M448 960v-128h320l-384-384 128-128 384 384v-320h128v576zM576 285.726v-157.382c-0.1-0.118-0.226-0.244-0.344-0.344h-383.312c-0.118 0.1-0.244 0.226-0.344 0.344v383.312c0.1 0.118 0.226 0.244 0.344 0.344h157.382l192 192h-349.726c-105.6 0-192-86.4-192-192v-384c0-105.6 86.4-192 192-192h384c105.6 0 192 86.4 192 192v349.726l-192-192z" />
|
||||||
|
<glyph unicode="󡀢" glyph-name="icon-paint-bucket" d="M544 736v-224c0-88.4-71.6-160-160-160s-160 71.6-160 160v97.2l-197.4-196.4c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-352 352zM896-64c70.6 0 128 57.4 128 128 0 108.6-128 192-128 192s-128-83.4-128-192c0-70.6 57.4-128 128-128zM384 448c-35.4 0-64 28.6-64 64v384c0 35.4 28.6 64 64 64s64-28.6 64-64v-384c0-35.4-28.6-64-64-64z" />
|
||||||
|
<glyph unicode="󡀣" glyph-name="icon-pause" d="M126 962h256v-1024h-256v1024zM638 962h256v-1024h-256v1024z" />
|
||||||
|
<glyph unicode="󡀤" glyph-name="icon-pencil" d="M922.344 858.32c-38.612 38.596-81.306 69.232-120.304 86.324-68.848 30.25-104.77 9.078-120.194-6.344l-516.228-516.216-3.136-9.152-162.482-476.932 485.998 165.612 6.73 6.806 509.502 509.506c9.882 9.866 21.768 27.77 21.768 56.578 0.002 50.71-38.996 121.148-101.654 183.818zM237.982 104.34l-69.73 69.728 69.25 203.228 18.498 6.704h64v-128h128v-64l-6.846-18.506-203.172-69.154z" />
|
||||||
|
<glyph unicode="󡀥" glyph-name="icon-play" d="M1024 448l-1024-512v1024z" />
|
||||||
|
<glyph unicode="󡀦" glyph-name="icon-plot-resource" d="M255.884 256c0.040 0.034 0.082 0.074 0.116 0.116v127.884c0 70.58 57.42 128 128 128h255.884c0.040 0.034 0.082 0.074 0.116 0.116v127.884c0 70.58 57.42 128 128 128h143.658c-93.832 117.038-237.98 192-399.658 192-282.77 0-512-229.23-512-512 0-67.904 13.25-132.704 37.256-192h218.628zM768.116 640c-0.040-0.034-0.082-0.074-0.116-0.116v-127.884c0-70.58-57.42-128-128-128h-255.884c-0.040-0.034-0.082-0.074-0.116-0.116v-127.884c0-70.58-57.42-128-128-128h-143.658c93.832-117.038 237.98-192 399.658-192 282.77 0 512 229.23 512 512 0 67.904-13.25 132.704-37.256 192h-218.628z" />
|
||||||
|
<glyph unicode="󡀧" glyph-name="icon-pointer-left" horiz-adv-x="512" d="M510-64l-256 512 256 512h-256l-256-512 256-512z" />
|
||||||
|
<glyph unicode="󡀨" glyph-name="icon-pointer-right" horiz-adv-x="512" d="M-2 960l256-512-256-512h256l256 512-256 512z" />
|
||||||
|
<glyph unicode="󡀩" glyph-name="icon-refresh" d="M1012.8 545.8v391.6l-127.6-127.4c-96.6 96.8-225.2 150-362 150s-265.2-53.2-362-150c-96.8-96.8-150-225.2-150-362s53.2-265.4 150-362c96.8-96.8 225.2-150 362-150s265.4 53.2 362 150l-136.6 136.6c-124.2-124.2-326.4-124.2-450.8 0-124.2 124.2-124.2 326.4 0 450.8 124.2 124.2 326.4 124.2 450.8 0l-127.4-127.4h391.6z" />
|
||||||
|
<glyph unicode="󡀰" glyph-name="icon-save" d="M192.2 384c-0.2 0-0.2 0 0 0l-0.2-448h640v447.8c0 0 0 0-0.2 0.2h-639.6zM978.8 749.2l-165.4 165.4c-25 25-74.2 45.4-109.4 45.4h-576c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128v448c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64v-448c70.4 0 128 57.6 128 128v576c0 35.2-20.4 84.4-45.2 109.2zM704 704c0-35.2-28.8-64-64-64h-448c-35.2 0-64 28.8-64 64v192h320v-192h128v192h128v-192z" />
|
||||||
|
<glyph unicode="󡀱" glyph-name="icon-sine" d="M1022.294 448c-1.746 7.196-3.476 14.452-5.186 21.786-20.036 85.992-53.302 208.976-98 306.538-22.42 48.938-45.298 86.556-69.946 115.006-48.454 55.93-98.176 67.67-131.356 67.67s-82.902-11.74-131.356-67.672c-24.648-28.45-47.528-66.068-69.948-115.006-44.696-97.558-77.962-220.544-98-306.538-21.646-92.898-46.444-175.138-71.71-237.836-16.308-40.46-30.222-66.358-40.6-82.604-10.378 16.246-24.292 42.142-40.6 82.604-23.272 57.75-46.144 132.088-66.524 216.052h-197.362c1.746-7.196 3.476-14.452 5.186-21.786 20.036-85.992 53.302-208.976 98-306.538 22.42-48.938 45.298-86.556 69.946-115.006 48.454-55.932 98.176-67.672 131.356-67.672s82.902 11.74 131.356 67.672c24.648 28.45 47.528 66.068 69.948 115.006 44.696 97.558 77.962 220.544 98 306.538 21.646 92.898 46.444 175.138 71.71 237.836 16.308 40.46 30.222 66.358 40.6 82.604 10.378-16.246 24.292-42.142 40.6-82.604 23.274-57.748 46.146-132.086 66.526-216.050h197.36z" />
|
||||||
|
<glyph unicode="󡀲" glyph-name="icon-T" d="M0 960v-256h128v64h256v-704h-192v-128h640v128h-192v704h256v-64h128v256z" />
|
||||||
|
<glyph unicode="󡀳" glyph-name="icon-thumbs-strip" d="M448 578c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 578c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM448 2c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 2c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320z" />
|
||||||
|
<glyph unicode="󡀴" glyph-name="icon-two-parts-both" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM128 832h320v-768h-320v768zM896 64h-320v768h320v-768z" />
|
||||||
|
<glyph unicode="󡀵" glyph-name="icon-two-parts-one-only" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-320v768h320v-768z" />
|
||||||
|
<glyph unicode="󡀶" glyph-name="icon-x-in-circle" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 256l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" />
|
||||||
|
<glyph unicode="󡄀" glyph-name="icon-activity" d="M576 896h-256l320-320h-290.256c-44.264 76.516-126.99 128-221.744 128h-128v-512h128c94.754 0 177.48 51.484 221.744 128h290.256l-320-320h256l448 448-448 448z" />
|
||||||
|
<glyph unicode="󡄁" glyph-name="icon-activity-mode" d="M512 960c-214.866 0-398.786-132.372-474.744-320h90.744c56.86 0 107.938-24.724 143.094-64h240.906l-192 192h256l320-320-320-320h-256l192 192h-240.906c-35.156-39.276-86.234-64-143.094-64h-90.744c75.958-187.628 259.878-320 474.744-320 282.77 0 512 229.23 512 512s-229.23 512-512 512z" />
|
||||||
|
<glyph unicode="󡄂" glyph-name="icon-autoflow-tabular" d="M192 960c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h64v1024h-64zM384 960h256v-1024h-256v1024zM832 960h-64v-704h256v512c0 105.6-86.4 192-192 192z" />
|
||||||
|
<glyph unicode="󡄃" glyph-name="icon-clock" d="M512 960c-282.76 0-512-229.24-512-512s229.24-512 512-512 512 229.24 512 512-229.24 512-512 512zM782 270c-12.681-21.673-35.844-36-62.354-36-0.023 0-0.047 0-0.070 0-0.016 0-0.040 0-0.064 0-13.234 0-25.63 3.587-36.269 9.843l-221.644 127.977q-1.2 0.7-2.38 1.46l-0.86 0.56-1.86 1.28-1.26 0.9-1.26 0.96-1.7 1.34-0.64 0.54c-0.72 0.6-1.44 1.22-2.14 1.84v0c-5.012 4.562-9.331 9.758-12.863 15.491-0.457 0.769-0.717 1.249-0.997 1.709s-0.58 0.98-0.86 1.48c-3.092 5.53-5.561 11.936-7.071 18.704l-0.089 0.596c-0.2 0.92-0.38 1.84-0.54 2.76 0 0.28-0.1 0.56-0.16 0.84-0.12 0.7-0.22 1.42-0.3 2.14s-0.14 1.040-0.2 1.58-0.1 1.020-0.14 1.54-0.12 1.5-0.18 2.24c0 0.34 0 0.68 0 1.040q0 1.4 0 2.78c0 0.1 0 0.22 0 0.32v364.080c0 39.765 32.235 72 72 72s72-32.235 72-72v-322.44l185.7-107.22c21.605-12.697 35.879-35.823 35.879-62.284 0-13.278-3.594-25.716-9.862-36.395z" />
|
||||||
|
<glyph unicode="󡄄" glyph-name="icon-database" d="M1024 768c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 448c-282.77 0-512 85.962-512 192v-512c0-106.038 229.23-192 512-192s512 85.962 512 192v512c0-106.038-229.23-192-512-192z" />
|
||||||
|
<glyph unicode="󡄅" glyph-name="icon-database-query" d="M683.52 140.714c-50.782-28.456-109.284-44.714-171.52-44.714-194.094 0-352 157.906-352 352s157.906 352 352 352 352-157.906 352-352c0-62.236-16.258-120.738-44.714-171.52l191.692-191.692c8.516 13.89 13.022 28.354 13.022 43.212v640c0 106.038-229.23 192-512 192s-512-85.962-512-192v-640c0-106.038 229.23-192 512-192 126.11 0 241.548 17.108 330.776 45.46l-159.256 159.254zM352 448c0-88.224 71.776-160 160-160s160 71.776 160 160-71.776 160-160 160-160-71.776-160-160z" />
|
||||||
|
<glyph unicode="󡄆" glyph-name="icon-dataset" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM320 64h-128v320h128v-320zM576 64h-128v320h128v-320zM832 64h-128v320h128v-320z" />
|
||||||
|
<glyph unicode="󡄇" glyph-name="icon-datatable" d="M1024 768c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 448c-282.8 0-512 86-512 192v-512c0-106 229.2-192 512-192s512 86 512 192v512c0-106-229.2-192-512-192zM896 385v-256c-36.6-15.6-79.8-28.8-128-39.4v256c48.2 10.6 91.4 23.8 128 39.4zM256 345.6v-256c-48.2 10.4-91.4 23.8-128 39.4v256c36.6-15.6 79.8-28.8 128-39.4zM384 70v256c41-4 83.8-6 128-6s87 2.2 128 6v-256c-41-4-83.8-6-128-6s-87 2.2-128 6z" />
|
||||||
|
<glyph unicode="󡄈" glyph-name="icon-dictionary" d="M832 320c105.6 0 192 86.4 192 192v256c0 105.6-86.4 192-192 192v-320l-128 64-128-64v320h-384c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v192c0-105.6-86.4-192-192-192h-640v192h640z" />
|
||||||
|
<glyph unicode="󡄉" glyph-name="icon-folder" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128z" />
|
||||||
|
<glyph unicode="󡄐" glyph-name="icon-image" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-768v768h768v-768zM320 704l-128-128v-448h640v320l-128 128-128-128z" />
|
||||||
|
<glyph unicode="󡄑" glyph-name="icon-layout" d="M448 960h-256c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h256v1024zM832 960h-256v-577.664h448v385.664c0 105.6-86.4 192-192 192zM576-64h256c105.6 0 192 86.4 192 192v129.664h-448v-321.664z" />
|
||||||
|
<glyph unicode="󡄒" glyph-name="icon-object" d="M512-64l512 320v384l-512.020 320-511.98-320v-384l512-320zM512 768l358.4-224-358.4-224-358.4 224 358.4 224z" />
|
||||||
|
<glyph unicode="󡄓" glyph-name="icon-object-unknown" d="M510 962l-512-320v-384l512-320 512 320v384l-512 320zM585.4 100.8c-21.2-20.8-46-30.8-76-30.8-31.2 0-56.2 9.8-76.2 29.6-20 20-29.6 44.8-29.6 76.2 0 30.4 10.2 55.2 31 76.2s45.2 31.2 74.8 31.2c29.6 0 54.2-10.4 75.6-32s31.8-46.4 31.8-76c-0.2-29-10.8-54-31.4-74.4zM638.2 413.4c-23.6-11.8-37.4-22-43.4-32.4-3.6-6.2-6-14.8-7.4-26.8v-41h-161.4v44.2c0 40.2 4.4 69.8 13 88 8 17.2 22.6 30.2 44.8 40l34.8 15.4c32 14.2 48.2 35.2 48.2 62.8 0 16-6 30.4-17.2 41.8-11.2 11.2-25.6 17.2-41.6 17.2-24 0-54.4-10-62.8-57.4l-2.2-12.2h-147l1.4 16.2c4 44.6 17 82.4 38.8 112.2 19.6 27 45.6 48.6 77 64.6s64.6 24 98.2 24c60.6 0 110.2-19.4 151.4-59.6 41.2-40 61.2-88 61.2-147.2 0-70.8-28.8-121.4-85.8-149.8z" />
|
||||||
|
<glyph unicode="󡄔" glyph-name="icon-packet" d="M511.98 960l-511.98-320v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512l-512.020 320zM512 768l358.4-224-358.4-224-358.4 224 358.4 224z" />
|
||||||
|
<glyph unicode="󡄕" glyph-name="icon-page" d="M702 452c-105.6 0-192 86.4-192 192v320h-320c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v320h-320zM766 580h256l-384 384v-256c0-70.4 57.6-128 128-128z" />
|
||||||
|
<glyph unicode="󡄖" glyph-name="icon-plot-overlay" d="M830 960h-636c-106.7 0-194-87.3-194-194v-406.82c14.18-18.64 25.66-28.34 32-30.84 14.28 5.62 54.44 47.54 92.96 146 42.46 108.38 116.32 237.66 227.040 237.66 52.4 0 101.42-29.16 145.7-86.68 37.34-48.5 64.84-108.92 81.34-151.080 38.52-98.38 78.68-140.3 92.96-146 14.28 5.62 54.44 47.54 92.96 146 42.46 108.48 116.32 237.76 227.040 237.76 11.354-0.003 22.389-1.366 32.952-3.936l-0.952 57.936c0 106.7-87.3 194-194 194zM992 567.66c-14.28-5.62-54.44-47.52-92.96-146-42.46-108.38-116.32-237.66-227.040-237.66-52.4 0-101.42 29.16-145.7 86.68-37.34 48.5-64.84 108.92-81.34 151.080-38.52 98.38-78.68 140.3-92.96 146-14.28-5.62-54.44-47.52-92.96-146-42.46-108.48-116.32-237.76-227.040-237.76-11.355 0.003-22.389 1.367-32.952 3.936l0.952-57.936c0-106.7 87.3-194 194-194h636c106.7 0 194 87.3 194 194v406.82c-14.18 18.64-25.66 28.34-32 30.84z" />
|
||||||
|
<glyph unicode="󡄗" glyph-name="icon-plot-stacked" d="M89.6 648c24.98 0 48.96 26.52 85.52 70.18 45.42 54.28 102 121.82 196 121.82 44.64 0 86.62-15.46 124.8-46 28.68-22.9 51.16-50.42 72.92-77.060 38.42-46.94 59.16-68.94 83.96-68.94h371.2v118c0 106.7-87.3 194-194 194h-636c-106.7 0-194-87.3-194-194v-118h89.6zM529.5 549.6c-28.24 22.64-50.52 50-72 76.28-35.5 43.48-58.76 70.12-86.3 70.12-25.060 0-49.080-26.54-85.66-70.24-45.4-54.24-102-121.76-196-121.76h-89.54v-112h371.2c44 0 85.54-15.34 123.3-45.6 28.24-22.64 50.52-50 72-76.28 35.5-43.48 58.76-70.12 86.3-70.12 25.060 0 49.080 26.54 85.66 70.24 45.4 54.24 102 121.76 196 121.76h89.54v112h-371.2c-44.060 0-85.54 15.34-123.3 45.6zM934.4 248c-24.98 0-48.96-26.52-85.52-70.18-45.42-54.28-102-121.82-196-121.82-44.64 0-86.62 15.46-124.8 46-28.68 22.9-51.16 50.42-72.92 77.060-38.42 46.94-59.16 68.94-83.96 68.94h-371.2v-118c0-106.7 87.3-194 194-194h636c106.7 0 194 87.3 194 194v118h-89.6z" />
|
||||||
|
<glyph unicode="󡄘" glyph-name="icon-session" d="M635.6 435.6c6.6-4.2 13.2-8.6 19.2-13.6l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l135.2 108c0.2 4.8 0.2 9.4 0.2 14.2 0 52.2-7.8 102.4-22.2 149.8l-154.8-123.6c-58.2-46.6-140.2-59.2-211.4-38.4zM248.6 325.8l120.4 96.4c58 46.4 140 59.2 211.2 38.4-6.6 4.2-13.2 8.6-19.2 13.6l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.6c-40-32-91.4-48-143-48-21.6 0-43 2.8-63.8 8.4 0-0.6 0-1.2 0-1.6 5-3.4 10-6.8 14.6-10.6l120.4-96.4c29.8-23.8 83.8-23.8 113.4 0zM120.6 581.8l120.4 96.4c80.2 64.2 205.6 64.2 285.8 0l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l181 144.8c-91.2 140.4-249.6 233.4-429.6 233.4-238.6 0-439.2-163.2-496-384.2 30.8-17.6 77.8-15.6 104.6 6zM689 218l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.4c-40-32-91.4-48-143-48-47.8 0-95.4 13.8-134.2 41.4 85.6-163.6 256.8-275.4 454.2-275.4s368.6 111.8 454.2 275.4c-80.4-57.4-199.8-55.2-277.2 6.6z" />
|
||||||
|
<glyph unicode="󡄙" glyph-name="icon-tabular" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
|
||||||
|
<glyph unicode="󡄠" glyph-name="icon-tabular-lad" d="M896 960h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128zM64 704h256v-192h-256v192zM64 448h256v-192h-256v192zM128 0c-35.26 0.214-63.786 28.74-64 63.98v128.020h256v-192h-192zM384 0v192h256v-192h-256zM960 64c-0.214-35.26-28.74-63.786-63.98-64h-192.020v192h256v-128zM960 448v-192h-576v192h64v64h-64v192h576v-192h-64v-64h64zM782.32 412.62l-110.32 55.16v172.22c0 17.673-14.327 32-32 32s-32-14.327-32-32v-211.78l145.68-72.84c4.172-2.133 9.1-3.383 14.32-3.383 17.675 0 32.003 14.328 32.003 32.003 0 12.454-7.114 23.247-17.501 28.536z" />
|
||||||
|
<glyph unicode="󡄡" glyph-name="icon-tabular-lad-set" d="M128 192v576c-70.606-0.215-127.785-57.394-128-127.979v-576.021c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979l-576 0.021c-70.606 0.215-127.785 57.394-128 127.979zM896 960h-576c-70.606-0.215-127.785-57.394-128-127.979v-576.021c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979v576.021c-0.215 70.606-57.394 127.785-127.979 128zM256 768h192v-128h-192v128zM256 576h192v-192h-192v192zM320 192c-35.26 0.214-63.786 28.74-64 63.98v64.020h192v-128h-128zM512 192v128h192v-128h-192zM960 256c-0.214-35.26-28.74-63.786-63.98-64h-128.020v128h192v-64zM960 384h-448v384h448v-384zM832 480c0.002 0 0.005 0 0.007 0 17.673 0 32 14.327 32 32 0 14.055-9.062 25.994-21.662 30.293l-74.345 24.767v104.94c0 17.673-14.327 32-32 32s-32-14.327-32-32v-151.060l117.88-39.3c3.018-1.040 6.495-1.64 10.113-1.64 0.003 0 0.005 0 0.008 0z" />
|
||||||
|
<glyph unicode="󡄢" glyph-name="icon-tabular-realtime" d="M896 960h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128zM448 668l25.060-25.32c7.916-7.922 18.856-12.822 30.94-12.822s23.024 4.9 30.94 12.822l75.5 76.3c29.97 30.338 71.571 49.128 117.56 49.128s87.59-18.79 117.544-49.112l50.456-50.997v-152.2c-24.111 8.83-44.678 22.255-61.542 39.342l-75.518 76.318c-7.916 7.922-18.856 12.822-30.94 12.822s-23.024-4.9-30.94-12.822l-75.5-76.3c-29.971-30.343-71.575-49.137-117.568-49.137-20.084 0-39.331 3.584-57.137 10.146l1.145 151.831zM320 0h-192c-35.26 0.214-63.786 28.74-64 63.98v128.020h256v-192zM320 256h-256v192h256v-192zM320 512h-256v192h256v-192zM640 0h-256v192h256v-192zM448 323.38v174.5c1.88-1.74 3.74-3.5 5.56-5.34l75.5-76.3c7.916-7.922 18.856-12.822 30.94-12.822s23.024 4.9 30.94 12.822l75.5 76.3c29.966 30.333 71.56 49.119 117.542 49.119 43.28 0 82.673-16.644 112.128-43.879l-0.11-174.399c-1.88 1.74-3.74 3.5-5.56 5.34l-75.5 76.3c-7.916 7.922-18.856 12.822-30.94 12.822s-23.024-4.9-30.94-12.822l-75.5-76.3c-29.966-30.333-71.56-49.119-117.542-49.119-43.28 0-82.673 16.644-112.128 43.879zM960 64c-0.214-35.26-28.74-63.786-63.98-64h-192.020v192h256v-128z" />
|
||||||
|
<glyph unicode="󡄣" glyph-name="icon-tabular-scrolling" d="M64 960c-35.2 0-64-28.8-64-64v-192h448v256h-384zM1024 704v192c0 35.2-28.8 64-64 64h-384v-256h448zM0 576v-192c0-35.2 28.8-64 64-64h384v256h-448zM960 320c35.2 0 64 28.8 64 64v192h-448v-256h384zM512-64l-256 256h512z" />
|
||||||
|
<glyph unicode="󡄤" glyph-name="icon-telemetry" d="M32 328.34c14.28 5.62 54.44 47.54 92.96 146 42.46 108.38 116.32 237.66 227.040 237.66 52.4 0 101.42-29.16 145.7-86.68 37.34-48.5 64.84-108.92 81.34-151.080 38.52-98.38 78.68-140.3 92.96-146 14.28 5.62 54.44 47.54 92.96 146 37.4 95.5 99.14 207.14 188.94 232.46-90.462 152.598-254.314 253.3-441.686 253.3-0.075 0-0.15 0-0.226 0-282.748 0-511.988-229.24-511.988-512 0-0.032 0-0.070 0-0.108 0-35.719 3.641-70.587 10.572-104.255 8.968-7.457 16.648-13.417 21.428-15.297zM992 567.66c-14.28-5.62-54.44-47.52-92.96-146-42.46-108.38-116.32-237.66-227.040-237.66-52.4 0-101.42 29.16-145.7 86.68-37.34 48.5-64.84 108.92-81.34 151.080-38.52 98.38-78.68 140.3-92.96 146-14.28-5.62-54.44-47.52-92.96-146-37.4-95.5-99.14-207.14-188.94-232.46 90.462-152.598 254.314-253.3 441.686-253.3 0.075 0 0.15 0 0.226 0 282.748 0 511.988 229.24 511.988 512 0 0.032 0 0.070 0 0.108 0 35.719-3.641 70.587-10.572 104.255-8.968 7.457-16.648 13.417-21.428 15.297z" />
|
||||||
|
<glyph unicode="󡄥" glyph-name="icon-telemetry-panel" d="M169.2 512c14 56.4 33 122 56.6 176.8 15.4 35.8 31.2 63.2 48.2 84 18.4 22.4 49 49.2 91 49.2s72.6-26.8 91-49.2c17-20.6 32.6-48.2 48.2-84 23.6-54.8 42.8-120.4 56.6-176.8h461.2v256c0 105.6-86.4 192-192 192h-640c-105.6 0-192-86.4-192-192v-256h171.2zM718.6 384h-127.2c25-93.4 48.4-144.4 63.6-168.6 15.2 24.2 38.6 75.2 63.6 168.6zM301.4 512h127.2c-25 93.4-48.4 144.4-63.6 168.6-15.2-24.2-38.6-75.2-63.6-168.6zM850.8 384c-14-56.4-33-122-56.6-176.8-15.4-35.8-31.2-63.2-48.2-84-18.4-22.4-49-49.2-91-49.2s-72.6 26.8-91 49.2c-17 20.6-32.6 48.2-48.2 84-23.6 54.8-42.8 120.4-56.6 176.8h-461.2v-256c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v256h-171.2z" />
|
||||||
|
<glyph unicode="󡄦" glyph-name="icon-timeline" d="M256 704h384v-128h-384v128zM384 512h384v-128h-384v128zM320 320h384v-128h-384v128zM832 960h-128v-192h127.6c0.2 0 0.2-0.2 0.4-0.4v-639.4c0-0.2-0.2-0.2-0.4-0.4h-127.6v-192h128c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192zM192 128.4v639.2c0 0.2 0.2 0.2 0.4 0.4h127.6v192h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192h-127.6c-0.2 0-0.4 0.2-0.4 0.4z" />
|
||||||
|
<glyph unicode="󡄧" glyph-name="icon-timer-v1.5" horiz-adv-x="896" d="M576 813.4v82.58c0 35.346-28.654 64-64 64h-128c-35.346 0-64-28.654-64-64v-82.58c-185.040-55.080-320-226.48-320-429.42 0-247.42 200.58-448 448-448s448 200.58 448 448c0 202.96-135 374.4-320 429.42zM468 363.98l-263.76-211c-57.105 59.935-92.24 141.251-92.24 230.772 0 0.080 0 0.16 0 0.24 0 185.268 150.72 335.988 336 335.988 6.72 0 13.38-0.22 20-0.62v-355.38z" />
|
||||||
|
<glyph unicode="󡄨" glyph-name="icon-topic" d="M454.36 483.36l86.3 86.3c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c19.328-19.358 42.832-34.541 69.047-44.082l1.313 171.722-57.64 57.64c-34.407 34.33-81.9 55.558-134.35 55.558s-99.943-21.228-134.354-55.562l-86.296-86.297c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-28.674 28.654v-172.14c19.045-7.022 41.040-11.084 63.984-11.084 52.463 0 99.966 21.239 134.379 55.587zM505.64 412.64l-86.3-86.3c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-86.294 86.294c-2 2-4.2 4-6.36 6v-197.36c33.664-30.72 78.65-49.537 128.031-49.537 52.44 0 99.923 21.22 134.333 55.541l86.296 86.296c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c2-2 4.2-4 6.36-6v197.36c-33.664 30.72-78.65 49.537-128.031 49.537-52.44 0-99.923-21.22-134.333-55.541zM832 960h-128v-192h127.66l0.34-0.34v-639.32l-0.34-0.34h-127.66v-192h128c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM320 128h-127.66l-0.34 0.34v639.32l0.34 0.34h127.66v192h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192z" />
|
||||||
|
<glyph unicode="󡄩" glyph-name="icon-box-with-dashed-lines" d="M0 576h128v-256h-128v256zM128 831.78l0.22 0.22h191.78v128h-192c-70.606-0.215-127.785-57.394-128-127.979v-192.021h128v191.78zM128 64.22v191.78h-128v-192c0.215-70.606 57.394-127.785 127.979-128h192.021v128h-191.78zM384 960h256v-128h-256v128zM896 64.22l-0.22-0.22h-191.78v-128h192c70.606 0.215 127.785 57.394 128 127.979v192.021h-128v-191.78zM896 960h-192v-128h191.78l0.22-0.22v-191.78h128v192c-0.215 70.606-57.394 127.785-127.979 128zM896 576h128v-256h-128v256zM384 64h256v-128h-256v128zM256 704h512v-512h-512v512z" />
|
||||||
|
</font></defs></svg>
|
||||||
|
After Width: | Height: | Size: 37 KiB |
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.ttf
Executable file
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.ttf
Executable file
Binary file not shown.
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.woff
Executable file
BIN
platform/commonUI/general/res/fonts/symbols/openmct-symbols-16px.woff
Executable file
Binary file not shown.
Binary file not shown.
@ -1,105 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<metadata>Generated by IcoMoon</metadata>
|
|
||||||
<defs>
|
|
||||||
<font id="wtdsymbols" horiz-adv-x="1024">
|
|
||||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
|
||||||
<missing-glyph horiz-adv-x="1024" />
|
|
||||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
|
||||||
<glyph unicode="!" glyph-name="icon-alert-rect" d="M832 960h-640c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM640 128c0-35.2-28.8-64-64-64h-128c-35.2 0-64 28.8-64 64v64c0 35.2 28.8 64 64 64h128c35.2 0 64-28.8 64-64v-64zM696.062 768.494l-48.124-384.988c-4.366-34.928-36.738-63.506-71.938-63.506h-128c-35.2 0-67.572 28.578-71.938 63.506l-48.124 384.988c-4.366 34.928 20.862 63.506 56.062 63.506h256c35.2 0 60.428-28.578 56.062-63.506z" />
|
|
||||||
<glyph unicode="*" glyph-name="icon-asterisk" d="M1004.166 619.542l-97.522 168.916-330.534-229.414 33.414 400.956h-195.048l33.414-400.956-330.534 229.414-97.522-168.916 363.944-171.542-363.944-171.542 97.522-168.916 330.534 229.414-33.414-400.956h195.048l-33.414 400.956 330.534-229.414 97.522 168.916-363.944 171.542z" />
|
|
||||||
<glyph unicode="+" glyph-name="icon-plus" d="M960 576h-330v320c0 35.2-28.8 64-64 64h-108c-35.2 0-64-28.8-64-64v-320h-330c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h330v-320c0-35.2 28.8-64 64-64h108c35.2 0 64 28.8 64 64v320h330c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64z" />
|
|
||||||
<glyph unicode="-" glyph-name="icon-minus" d="M960 320c35.2 0 64 28.8 64 64v128c0 35.2-28.8 64-64 64h-896c-35.2 0-64-28.8-64-64v-128c0-35.2 28.8-64 64-64h896z" />
|
|
||||||
<glyph unicode="." glyph-name="icon-connectivity" d="M704 384c0-70.4-57.6-128-128-128h-128c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128v-128zM1024 448l-192 320v-640zM0 448l192 320v-640z" />
|
|
||||||
<glyph unicode="2" glyph-name="icon-check" d="M1024 960l-640-640-384 384v-384l384-384 640 640z" />
|
|
||||||
<glyph unicode="3" glyph-name="icon-box-with-dashed-lines" d="M640 704h-256c-70.4 0-128-57.6-128-128v-256c0-70.4 57.6-128 128-128h256c70.4 0 128 57.6 128 128v256c0 70.4-57.6 128-128 128zM0 960h192v-192h-192v192zM256 960h192v-128h-192v128zM576 960h192v-128h-192v128zM256 64h192v-128h-192v128zM576 64h192v-128h-192v128zM0 384h128v-192h-128v192zM0 704h128v-192h-128v192zM896 384h128v-192h-128v192zM896 704h128v-192h-128v192zM832 960h192v-192h-192v192zM0 128h192v-192h-192v192zM832 128h192v-192h-192v192z" />
|
|
||||||
<glyph unicode="5" glyph-name="icon-arrows-up-down" d="M512 960l512-448h-1024zM0 384l512-448 512 448z" />
|
|
||||||
<glyph unicode="6" glyph-name="icon-sine" d="M1022.294 448c-1.746 7.196-3.476 14.452-5.186 21.786-20.036 85.992-53.302 208.976-98 306.538-22.42 48.938-45.298 86.556-69.946 115.006-48.454 55.93-98.176 67.67-131.356 67.67s-82.902-11.74-131.356-67.672c-24.648-28.45-47.528-66.068-69.948-115.006-44.696-97.558-77.962-220.544-98-306.538-21.646-92.898-46.444-175.138-71.71-237.836-16.308-40.46-30.222-66.358-40.6-82.604-10.378 16.246-24.292 42.142-40.6 82.604-23.272 57.75-46.144 132.088-66.524 216.052h-197.362c1.746-7.196 3.476-14.452 5.186-21.786 20.036-85.992 53.302-208.976 98-306.538 22.42-48.938 45.298-86.556 69.946-115.006 48.454-55.932 98.176-67.672 131.356-67.672s82.902 11.74 131.356 67.672c24.648 28.45 47.528 66.068 69.948 115.006 44.696 97.558 77.962 220.544 98 306.538 21.646 92.898 46.444 175.138 71.71 237.836 16.308 40.46 30.222 66.358 40.6 82.604 10.378-16.246 24.292-42.142 40.6-82.604 23.274-57.748 46.146-132.086 66.526-216.050h197.36z" />
|
|
||||||
<glyph unicode="<" glyph-name="icon-arrow-left" d="M256 448l512-512v1024z" />
|
|
||||||
<glyph unicode=">" glyph-name="icon-arrow-right" d="M768 448l-512 512v-1024z" />
|
|
||||||
<glyph unicode="?" glyph-name="icon-object-unknown" d="M510 962l-512-320v-384l512-320 512 320v384l-512 320zM585.4 100.8c-21.2-20.8-46-30.8-76-30.8-31.2 0-56.2 9.8-76.2 29.6-20 20-29.6 44.8-29.6 76.2 0 30.4 10.2 55.2 31 76.2s45.2 31.2 74.8 31.2c29.6 0 54.2-10.4 75.6-32s31.8-46.4 31.8-76c-0.2-29-10.8-54-31.4-74.4zM638.2 413.4c-23.6-11.8-37.4-22-43.4-32.4-3.6-6.2-6-14.8-7.4-26.8v-41h-161.4v44.2c0 40.2 4.4 69.8 13 88 8 17.2 22.6 30.2 44.8 40l34.8 15.4c32 14.2 48.2 35.2 48.2 62.8 0 16-6 30.4-17.2 41.8-11.2 11.2-25.6 17.2-41.6 17.2-24 0-54.4-10-62.8-57.4l-2.2-12.2h-147l1.4 16.2c4 44.6 17 82.4 38.8 112.2 19.6 27 45.6 48.6 77 64.6s64.6 24 98.2 24c60.6 0 110.2-19.4 151.4-59.6 41.2-40 61.2-88 61.2-147.2 0-70.8-28.8-121.4-85.8-149.8z" />
|
|
||||||
<glyph unicode="A" glyph-name="icon-activity-mode" d="M512 960c-214.866 0-398.786-132.372-474.744-320h90.744c56.86 0 107.938-24.724 143.094-64h240.906l-192 192h256l320-320-320-320h-256l192 192h-240.906c-35.156-39.276-86.234-64-143.094-64h-90.744c75.958-187.628 259.878-320 474.744-320 282.77 0 512 229.23 512 512s-229.23 512-512 512z" />
|
|
||||||
<glyph unicode="C" glyph-name="icon-clock" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM768 384h-256c-35.2 0-64 28.8-64 64v384c0 35.2 28.8 64 64 64s64-28.8 64-64v-320h192c35.2 0 64-28.8 64-64s-28.8-64-64-64z" />
|
|
||||||
<glyph unicode="D" glyph-name="icon-database" d="M1024 768c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 448c-282.77 0-512 85.962-512 192v-512c0-106.038 229.23-192 512-192s512 85.962 512 192v512c0-106.038-229.23-192-512-192z" />
|
|
||||||
<glyph unicode="F" glyph-name="icon-folder" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128z" />
|
|
||||||
<glyph unicode="G" glyph-name="icon-gear" d="M1024 384v128l-140.976 35.244c-8.784 32.922-21.818 64.106-38.504 92.918l74.774 124.622-90.51 90.51-124.622-74.774c-28.812 16.686-59.996 29.72-92.918 38.504l-35.244 140.976h-128l-35.244-140.976c-32.922-8.784-64.106-21.818-92.918-38.504l-124.622 74.774-90.51-90.51 74.774-124.622c-16.686-28.812-29.72-59.996-38.504-92.918l-140.976-35.244v-128l140.976-35.244c8.784-32.922 21.818-64.106 38.504-92.918l-74.774-124.622 90.51-90.51 124.622 74.774c28.812-16.686 59.996-29.72 92.918-38.504l35.244-140.976h128l35.244 140.976c32.922 8.784 64.106 21.818 92.918 38.504l124.622-74.774 90.51 90.51-74.774 124.622c16.686 28.812 29.72 59.996 38.504 92.918l140.976 35.244zM704 448c0-106.038-85.962-192-192-192s-192 85.962-192 192 85.962 192 192 192 192-85.962 192-192z" />
|
|
||||||
<glyph unicode="H" glyph-name="icon-autoflow-tabular" d="M192 960c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h64v1024h-64zM384 960h256v-1024h-256v1024zM832 960h-64v-704h256v512c0 105.6-86.4 192-192 192z" />
|
|
||||||
<glyph unicode="I" glyph-name="icon-arrows-out" d="M0 448l256-256v512zM512 960l-256-256h512zM512-64l256 256h-512zM768 704v-512l256 256z" />
|
|
||||||
<glyph unicode="L" glyph-name="icon-layout" d="M448 960h-256c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h256v1024zM832 960h-256v-577.664h448v385.664c0 105.6-86.4 192-192 192zM576-64h256c105.6 0 192 86.4 192 192v129.664h-448v-321.664z" />
|
|
||||||
<glyph unicode="M" glyph-name="icon-magnify" d="M1024 64l-201.662 201.662c47.922 72.498 73.662 157.434 73.662 246.338 0 119.666-46.6 232.168-131.216 316.784s-197.118 131.216-316.784 131.216-232.168-46.6-316.784-131.216-131.216-197.118-131.216-316.784 46.6-232.168 131.216-316.784 197.118-131.216 316.784-131.216c88.904 0 173.84 25.74 246.338 73.662l201.662-201.662 128 128zM448 256c-141.16 0-256 114.842-256 256 0 141.16 114.84 256 256 256 141.158 0 256-114.84 256-256 0-141.158-114.842-256-256-256z" />
|
|
||||||
<glyph unicode="O" glyph-name="icon-people" d="M704 640h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM256 640h64c70.4 0 128 57.6 128 128v64c0 70.4-57.6 128-128 128h-64c-70.4 0-128-57.6-128-128v-64c0-70.4 57.6-128 128-128zM832 576h-192c-34.908 0-67.716-9.448-96-25.904 57.278-33.324 96-95.404 96-166.096v-448h384v448c0 105.6-86.4 192-192 192zM384 576h-192c-105.6 0-192-86.4-192-192v-448h576v448c0 105.6-86.4 192-192 192z" />
|
|
||||||
<glyph unicode="P" glyph-name="icon-person" d="M768 704c0-105.6-86.4-192-192-192h-128c-105.6 0-192 86.4-192 192v64c0 105.6 86.4 192 192 192h128c105.6 0 192-86.4 192-192v-64zM64-64v192c0 140.8 115.2 256 256 256h384c140.8 0 256-115.2 256-256v-192z" />
|
|
||||||
<glyph unicode="Q" glyph-name="icon-dictionary" d="M832 320c105.6 0 192 86.4 192 192v256c0 105.6-86.4 192-192 192v-320l-128 64-128-64v320h-384c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v192c0-105.6-86.4-192-192-192h-640v192h640z" />
|
|
||||||
<glyph unicode="S" glyph-name="icon-timeline" d="M256 704h384v-128h-384v128zM384 512h384v-128h-384v128zM320 320h384v-128h-384v128zM832 960h-128v-192h127.6c0.2 0 0.2-0.2 0.4-0.4v-639.4c0-0.2-0.2-0.2-0.4-0.4h-127.6v-192h128c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192zM192 128.4v639.2c0 0.2 0.2 0.2 0.4 0.4h127.6v192h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192h-127.6c-0.2 0-0.4 0.2-0.4 0.4z" />
|
|
||||||
<glyph unicode="T" glyph-name="icon-telemetry" d="M718.6 384h-127.2c25-93.4 48.4-144.4 63.6-168.6 15.2 24.2 38.6 75.2 63.6 168.6zM794.2 207.2c-15.4-35.8-31.2-63.2-48.2-84-18.4-22.4-49-49.2-91-49.2s-72.6 26.8-91 49.2c-17 20.6-32.6 48.2-48.2 84-23.6 54.8-42.8 120.4-56.6 176.8h-457.2c31.4-252.6 247-448 508-448s476.6 195.4 508 448h-167.2c-14-56.4-33-122-56.6-176.8zM301.4 512h127.2c-25 93.4-48.4 144.4-63.6 168.6-15.2-24.2-38.6-75.2-63.6-168.6zM274 772.8c18.4 22.4 49 49.2 91 49.2s72.6-26.8 91-49.2c17-20.6 32.6-48.2 48.2-84 23.6-54.8 42.8-120.4 56.6-176.8h457.2c-31.4 252.6-246.8 448-508 448s-476.6-195.4-508-448h167.2c14 56.4 33 122 56.6 176.8 15.6 35.8 31.4 63.2 48.2 84z" />
|
|
||||||
<glyph unicode="V" glyph-name="icon-packet" d="M511.98 960l-511.98-320v-512c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v512l-512.020 320zM512 768l358.4-224-358.4-224-358.4 224 358.4 224z" />
|
|
||||||
<glyph unicode="X" glyph-name="icon-magnify-in" d="M640 576h-128v128h-128v-128h-128v-128h128v-128h128v128h128zM1024 64l-201.662 201.662c47.922 72.498 73.662 157.434 73.662 246.338 0 119.666-46.6 232.168-131.216 316.784s-197.118 131.216-316.784 131.216c-119.666 0-232.168-46.6-316.784-131.216s-131.216-197.118-131.216-316.784c0-119.666 46.6-232.168 131.216-316.784s197.118-131.216 316.784-131.216c88.904 0 173.84 25.74 246.338 73.662l201.662-201.662 128 128zM448 256c-141.16 0-256 114.842-256 256 0 141.16 114.84 256 256 256 141.158 0 256-114.84 256-256 0-141.158-114.842-256-256-256z" />
|
|
||||||
<glyph unicode="Y" glyph-name="icon-magnify-out" d="M256 576h384v-128h-384v128zM1024 64l-201.662 201.662c47.922 72.498 73.662 157.434 73.662 246.338 0 119.666-46.6 232.168-131.216 316.784s-197.118 131.216-316.784 131.216c-119.666 0-232.168-46.6-316.784-131.216s-131.216-197.118-131.216-316.784c0-119.666 46.6-232.168 131.216-316.784s197.118-131.216 316.784-131.216c88.904 0 173.84 25.74 246.338 73.662l201.662-201.662 128 128zM448 256c-141.16 0-256 114.842-256 256 0 141.16 114.84 256 256 256 141.158 0 256-114.84 256-256 0-141.158-114.842-256-256-256z" />
|
|
||||||
<glyph unicode="Z" glyph-name="icon-trash" d="M832 832h-192.36v64c0 35.2-28.8 64-64 64h-128c-35.2 0-64-28.8-64-64v-64h-191.64c-105.6 0-192-72-192-160s0-160 0-160h64v-384c0-105.6 86.4-192 192-192h512c105.6 0 192 86.4 192 192v384h64c0 0 0 72 0 160s-86.4 160-192 160zM320 128h-128v384h128v-384zM576 128h-128v384h128v-384zM832 128h-128v384h128v-384z" />
|
|
||||||
<glyph unicode="^" glyph-name="icon-arrow-up" d="M512 704l-512-512h1024z" />
|
|
||||||
<glyph unicode="_" glyph-name="icon-fullscreen-collapse" d="M191.656 128c0.118-0.1 0.244-0.224 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192h-192v-192h191.656zM192 768.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656zM832 576h192v192h-191.656c-0.118 0.1-0.244 0.226-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192zM832 127.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656z" />
|
|
||||||
<glyph unicode="a" glyph-name="icon-activity" d="M576 896h-256l320-320h-290.256c-44.264 76.516-126.99 128-221.744 128h-128v-512h128c94.754 0 177.48 51.484 221.744 128h290.256l-320-320h256l448 448-448 448z" />
|
|
||||||
<glyph unicode="d" glyph-name="icon-database-query" d="M683.52 140.714c-50.782-28.456-109.284-44.714-171.52-44.714-194.094 0-352 157.906-352 352s157.906 352 352 352 352-157.906 352-352c0-62.236-16.258-120.738-44.714-171.52l191.692-191.692c8.516 13.89 13.022 28.354 13.022 43.212v640c0 106.038-229.23 192-512 192s-512-85.962-512-192v-640c0-106.038 229.23-192 512-192 126.11 0 241.548 17.108 330.776 45.46l-159.256 159.254zM352 448c0-88.224 71.776-160 160-160s160 71.776 160 160-71.776 160-160 160-160-71.776-160-160z" />
|
|
||||||
<glyph unicode="f" glyph-name="icon-folder-new" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM704 160h-128v-128h-128v128h-128v128h128v128h128v-128h128v-128z" />
|
|
||||||
<glyph unicode="l" glyph-name="icon-lock" d="M832 576h-32v96c0 158.8-129.2 288-288 288s-288-129.2-288-288v-96h-32c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h640c70.4 0 128 57.6 128 128v384c0 70.4-57.6 128-128 128zM416 672c0 53 43 96 96 96s96-43 96-96v-96h-192v96z" />
|
|
||||||
<glyph unicode="m" glyph-name="icon-menu" d="M0 960h1024v-256h-1024v256zM0 576h1024v-256h-1024v256zM0 192h1024v-256h-1024v256z" />
|
|
||||||
<glyph unicode="o" glyph-name="icon-object" d="M512-64l512 320v384l-512.020 320-511.98-320v-384l512-320zM512 768l358.4-224-358.4-224-358.4 224 358.4 224z" />
|
|
||||||
<glyph unicode="p" glyph-name="icon-pencil" d="M922.344 858.32c-38.612 38.596-81.306 69.232-120.304 86.324-68.848 30.25-104.77 9.078-120.194-6.344l-516.228-516.216-3.136-9.152-162.482-476.932 485.998 165.612 6.73 6.806 509.502 509.506c9.882 9.866 21.768 27.77 21.768 56.578 0.002 50.71-38.996 121.148-101.654 183.818zM237.982 104.34l-69.73 69.728 69.25 203.228 18.498 6.704h64v-128h128v-64l-6.846-18.506-203.172-69.154z" />
|
|
||||||
<glyph unicode="r" glyph-name="icon-refresh" d="M1012.8 545.8v391.6l-127.6-127.4c-96.6 96.8-225.2 150-362 150s-265.2-53.2-362-150c-96.8-96.8-150-225.2-150-362s53.2-265.4 150-362c96.8-96.8 225.2-150 362-150s265.4 53.2 362 150l-136.6 136.6c-124.2-124.2-326.4-124.2-450.8 0-124.2 124.2-124.2 326.4 0 450.8 124.2 124.2 326.4 124.2 450.8 0l-127.4-127.4h391.6z" />
|
|
||||||
<glyph unicode="s" glyph-name="icon-database-in-brackets" d="M768 608c0-53.019-114.615-96-256-96s-256 42.981-256 96c0 53.019 114.615 96 256 96s256-42.981 256-96zM768 288v256c0-53-114.6-96-256-96s-256 43-256 96v-256c0-53 114.6-96 256-96s256 43 256 96zM832 960h-128v-192h127.6c0.2 0 0.2-0.2 0.4-0.4v-639.4c0-0.2-0.2-0.2-0.4-0.4h-127.6v-192h128c105.6 0 192 86.4 192 192v640.2c0 105.6-86.4 192-192 192zM192 128.4v639.4c0 0.2 0.2 0.2 0.4 0.4h127.6v191.8h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192h-127.6c-0.2 0-0.4 0.2-0.4 0.4z" />
|
|
||||||
<glyph unicode="t" glyph-name="icon-telemetry-panel" d="M169.2 512c14 56.4 33 122 56.6 176.8 15.4 35.8 31.2 63.2 48.2 84 18.4 22.4 49 49.2 91 49.2s72.6-26.8 91-49.2c17-20.6 32.6-48.2 48.2-84 23.6-54.8 42.8-120.4 56.6-176.8h461.2v256c0 105.6-86.4 192-192 192h-640c-105.6 0-192-86.4-192-192v-256h171.2zM718.6 384h-127.2c25-93.4 48.4-144.4 63.6-168.6 15.2 24.2 38.6 75.2 63.6 168.6zM301.4 512h127.2c-25 93.4-48.4 144.4-63.6 168.6-15.2-24.2-38.6-75.2-63.6-168.6zM850.8 384c-14-56.4-33-122-56.6-176.8-15.4-35.8-31.2-63.2-48.2-84-18.4-22.4-49-49.2-91-49.2s-72.6 26.8-91 49.2c-17 20.6-32.6 48.2-48.2 84-23.6 54.8-42.8 120.4-56.6 176.8h-461.2v-256c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v256h-171.2z" />
|
|
||||||
<glyph unicode="v" glyph-name="icon-arrow-down" d="M512 192l512 512h-1024z" />
|
|
||||||
<glyph unicode="x" glyph-name="icon-x-heavy" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" />
|
|
||||||
<glyph unicode="y" glyph-name="icon-new-window" d="M448 960v-128h320l-384-384 128-128 384 384v-320h128v576zM576 285.726v-157.382c-0.1-0.118-0.226-0.244-0.344-0.344h-383.312c-0.118 0.1-0.244 0.226-0.344 0.344v383.312c0.1 0.118 0.226 0.244 0.344 0.344h157.382l192 192h-349.726c-105.6 0-192-86.4-192-192v-384c0-105.6 86.4-192 192-192h384c105.6 0 192 86.4 192 192v349.726l-192-192z" />
|
|
||||||
<glyph unicode="z" glyph-name="icon-fullscreen-expand" d="M192.344 128c-0.118 0.1-0.244 0.224-0.344 0.344v191.656h-192v-192c0-105.6 86.4-192 192-192h192v192h-191.656zM192 767.656c0.1 0.118 0.224 0.244 0.344 0.344h191.656v192h-192c-105.6 0-192-86.4-192-192v-192h192v191.656zM832 960h-192v-192h191.656c0.118-0.1 0.244-0.226 0.344-0.344v-191.656h192v192c0 105.6-86.4 192-192 192zM832 128.344c-0.1-0.118-0.224-0.244-0.344-0.344h-191.656v-192h192c105.6 0 192 86.4 192 192v192h-192v-191.656z" />
|
|
||||||
<glyph unicode="{" glyph-name="icon-pointer-left" horiz-adv-x="512" d="M510-64l-256 512 256 512h-256l-256-512 256-512z" />
|
|
||||||
<glyph unicode="}" glyph-name="icon-pointer-right" horiz-adv-x="512" d="M-2 960l256-512-256-512h256l256 512-256 512z" />
|
|
||||||
<glyph unicode="à" glyph-name="icon-box" d="M0 960h1024v-1024h-1024v1024z" />
|
|
||||||
<glyph unicode="á" glyph-name="icon-layers" d="M1024 576l-512 384-512-384 512-384zM512 64l-426.666 320-85.334-64 512-384 512 384-85.334 64z" />
|
|
||||||
<glyph unicode="â" glyph-name="icon-line-horz" d="M64 384c-35.346 0-64 28.654-64 64s28.654 64 64 64h896c35.346 0 64-28.654 64-64s-28.654-64-64-64h-896z" />
|
|
||||||
<glyph unicode="ã" glyph-name="icon-image" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-768v768h768v-768zM320 704l-128-128v-448h640v320l-128 128-128-128z" />
|
|
||||||
<glyph unicode="ä" glyph-name="icon-T" d="M0 960v-256h128v64h256v-704h-192v-128h640v128h-192v704h256v-64h128v256z" />
|
|
||||||
<glyph unicode="å" glyph-name="icon-two-parts-both" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM128 832h320v-768h-320v768zM896 64h-320v768h320v-768z" />
|
|
||||||
<glyph unicode="ç" glyph-name="icon-two-parts-one-only" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM896 64h-320v768h320v-768z" />
|
|
||||||
<glyph unicode="è" glyph-name="icon-chain-links" d="M958.4 894.4c-43.8 43.8-101 65.6-158.4 65.6s-114.6-21.8-158.4-65.6l-128-128c-74-74-85.4-187-34-273l-12.8-12.8c-35.4 20.8-75 31.4-114.8 31.4-57.4 0-114.6-21.8-158.4-65.6l-128-128c-87.4-87.4-87.4-229.4 0-316.8 43.8-43.8 101-65.6 158.4-65.6s114.6 21.8 158.4 65.6l128 128c74 74 85.4 187 34 273l12.8 12.8c35.2-21 75-31.6 114.6-31.6 57.4 0 114.6 21.8 158.4 65.6l128 128c87.6 87.6 87.6 229.6 0.2 317zM419.8 220.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2s-49.8 10-67.8 28.2c-37.4 37.4-37.4 98.4 0 135.8l128 128c18.2 18.2 42.2 28.2 67.8 28.2 5.6 0 11.2-0.6 16.8-1.4l-55.6-55.6c-10.4-10.4-16.2-24.2-16.2-38.8s5.8-28.6 16.2-38.8c10.4-10.4 24.2-16.2 38.8-16.2s28.6 5.8 38.8 16.2l55.6 55.6c5.4-30.4-3.6-62.2-26.6-85zM867.8 668.2l-128-128c-18-18.2-42.2-28.2-67.8-28.2-5.6 0-11.2 0.6-16.8 1.4l55.6 55.6c10.4 10.4 16.2 24.2 16.2 38.8s-5.8 28.6-16.2 38.8c-10.4 10.4-24.2 16.2-38.8 16.2s-28.6-5.8-38.8-16.2l-55.6-55.6c-5.2 29.8 3.6 61.6 26.6 84.6l128 128c18 18.4 42.2 28.4 67.8 28.4s49.8-10 67.8-28.2c37.6-37.4 37.6-98.2 0-135.6z" />
|
|
||||||
<glyph unicode="é" glyph-name="icon-plot-resource" d="M255.884 256c0.040 0.034 0.082 0.074 0.116 0.116v127.884c0 70.58 57.42 128 128 128h255.884c0.040 0.034 0.082 0.074 0.116 0.116v127.884c0 70.58 57.42 128 128 128h143.658c-93.832 117.038-237.98 192-399.658 192-282.77 0-512-229.23-512-512 0-67.904 13.25-132.704 37.256-192h218.628zM768.116 640c-0.040-0.034-0.082-0.074-0.116-0.116v-127.884c0-70.58-57.42-128-128-128h-255.884c-0.040-0.034-0.082-0.074-0.116-0.116v-127.884c0-70.58-57.42-128-128-128h-143.658c93.832-117.038 237.98-192 399.658-192 282.77 0 512 229.23 512 512 0 67.904-13.25 132.704-37.256 192h-218.628z" />
|
|
||||||
<glyph unicode="ê" glyph-name="icon-page" d="M702 452c-105.6 0-192 86.4-192 192v320h-320c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v320h-320zM766 580h256l-384 384v-256c0-70.4 57.6-128 128-128z" />
|
|
||||||
<glyph unicode="ë" glyph-name="icon-arrow-double-up" d="M510 450l512-512h-1024zM510 962l512-512h-1024z" />
|
|
||||||
<glyph unicode="ì" glyph-name="icon-arrow-tall-down" d="M512-64l-512 1024h1024z" />
|
|
||||||
<glyph unicode="í" glyph-name="icon-arrow-tall-up" d="M512 960l512-1024h-1024z" />
|
|
||||||
<glyph unicode="î" glyph-name="icon-arrow-double-down" d="M510 450l-512 512h1024zM510-62l-512 512h1024z" />
|
|
||||||
<glyph unicode="ï" glyph-name="icon-play" d="M1024 448l-1024-512v1024z" />
|
|
||||||
<glyph unicode="ñ" glyph-name="icon-pause" d="M126 962h256v-1024h-256v1024zM638 962h256v-1024h-256v1024z" />
|
|
||||||
<glyph unicode="ò" glyph-name="icon-duplicate" d="M640 704v128c0 70.4-57.6 128-128 128h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h128v139.6c0 134.8 109.6 244.4 244.4 244.4h139.6zM896 576h-384c-70.4 0-128-57.6-128-128v-384c0-70.4 57.6-128 128-128h384c70.4 0 128 57.6 128 128v384c0 70.4-57.6 128-128 128z" />
|
|
||||||
<glyph unicode="ó" glyph-name="icon-move" d="M293.4 448l218.6 218.6 256-256v421.4c0 70.4-57.6 128-128 128h-512c-70.4 0-128-57.6-128-128v-512c0-70.4 57.6-128 128-128h421.4l-256 256zM1024 512h-128v-320l-384 384-128-128 384-384h-320v-128h576z" />
|
|
||||||
<glyph unicode="ô" glyph-name="icon-link" d="M1024 448l-512 512v-307.2l-512-204.8v-256h512v-256z" />
|
|
||||||
<glyph unicode="õ" glyph-name="icon-timer" d="M638 898c0 35.4-28.6 64-64 64h-128c-35.4 0-64-28.6-64-64s28.6-64 64-64h128c35.4 0 64 28.6 64 64zM510 834c-247.4 0-448-200.6-448-448s200.6-448 448-448 448 200.6 448 448-200.6 448-448 448zM510 386h-336c0 185.2 150.8 336 336 336v-336z" />
|
|
||||||
<glyph unicode="ö" glyph-name="icon-thumbs-strip" d="M448 578c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 578c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM448 2c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320zM1024 2c0-35.2-28.8-64-64-64h-320c-35.2 0-64 28.8-64 64v320c0 35.2 28.8 64 64 64h320c35.2 0 64-28.8 64-64v-320z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-box-with-arrow-cursor" d="M894 962h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h400c-2.2 3.8-4 7.6-5.8 11.4l-255.2 576.8c-21.4 48.4-10.8 105 26.6 142.4 24.4 24.4 57.2 37.4 90.4 37.4 17.4 0 35.2-3.6 51.8-11l576.6-255.4c4-1.8 7.8-3.8 11.4-5.8v400.2c0.2 70.4-57.4 128-127.8 128zM958.6 322.6l-576.6 255.4 255.4-576.6 64.6 128.6 192-192 128 128-192 192z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-datatable" d="M1024 768c0-106.039-229.23-192-512-192s-512 85.961-512 192c0 106.039 229.23 192 512 192s512-85.961 512-192zM512 448c-282.8 0-512 86-512 192v-512c0-106 229.2-192 512-192s512 86 512 192v512c0-106-229.2-192-512-192zM896 385v-256c-36.6-15.6-79.8-28.8-128-39.4v256c48.2 10.6 91.4 23.8 128 39.4zM256 345.6v-256c-48.2 10.4-91.4 23.8-128 39.4v256c36.6-15.6 79.8-28.8 128-39.4zM384 70v256c41-4 83.8-6 128-6s87 2.2 128 6v-256c-41-4-83.8-6-128-6s-87 2.2-128 6z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-tabular-scrolling" d="M64 960c-35.2 0-64-28.8-64-64v-192h448v256h-384zM1024 704v192c0 35.2-28.8 64-64 64h-384v-256h448zM0 576v-192c0-35.2 28.8-64 64-64h384v256h-448zM960 320c35.2 0 64 28.8 64 64v192h-448v-256h384zM512-64l-256 256h512z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-alert-triangle" d="M998.208 111.136l-422.702 739.728c-34.928 61.124-92.084 61.124-127.012 0l-422.702-739.728c-34.928-61.126-5.906-111.136 64.494-111.136h843.428c70.4 0 99.422 50.010 64.494 111.136zM512 128c-35.2 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.2-28.8-64-64-64zM627.448 577.242l-38.898-194.486c-6.902-34.516-41.35-62.756-76.55-62.756s-69.648 28.24-76.552 62.758l-38.898 194.486c-6.902 34.516 16.25 62.756 51.45 62.756h128c35.2 0 58.352-28.24 51.448-62.758z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-tabular" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-calendar" d="M896 960h-768c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM640 512h-256v192h256v-192zM384 448h256v-192h-256v192zM320 256h-256v192h256v-192zM320 704v-192h-256v192h256zM128 0c-17 0-33 6.6-45.2 18.8s-18.8 28.2-18.8 45.2v128h256v-192h-192zM384 0v192h256v-192h-256zM960 64c0-17-6.6-33-18.8-45.2s-28.2-18.8-45.2-18.8h-192v192h256v-128zM960 256h-256v192h256v-192zM960 512h-256v192h256v-192z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-paint-bucket" d="M544 736v-224c0-88.4-71.6-160-160-160s-160 71.6-160 160v97.2l-197.4-196.4c-50-50-12.4-215.2 112.4-340s290-162.4 340-112.4l417 423.6-352 352zM896-64c70.6 0 128 57.4 128 128 0 108.6-128 192-128 192s-128-83.4-128-192c0-70.6 57.4-128 128-128zM384 448c-35.4 0-64 28.6-64 64v384c0 35.4 28.6 64 64 64s64-28.6 64-64v-384c0-35.4-28.6-64-64-64z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-x-in-circle" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM832 256l-128-128-192 192-192-192-128 128 192 192-192 192 128 128 192-192 192 192 128-128-192-192 192-192z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-info-v15" d="M512 960c-282.8 0-512-229.2-512-512s229.2-512 512-512 512 229.2 512 512-229.2 512-512 512zM512 832c70.6 0 128-57.4 128-128s-57.4-128-128-128c-70.6 0-128 57.4-128 128s57.4 128 128 128zM704 128h-384v128h64v256h256v-256h64v-128z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-hourglass" d="M1024 960h-1024c0-282.8 229.2-512 512-512s512 229.2 512 512zM512 576c-102.6 0-199 40-271.6 112.4-41.2 41.2-72 90.2-90.8 143.6h724.6c-18.8-53.4-49.6-102.4-90.8-143.6-72.4-72.4-168.8-112.4-271.4-112.4zM512 448c-282.8 0-512-229.2-512-512h1024c0 282.8-229.2 512-512 512z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-arrows-right-left" d="M1024 448l-448-512v1024zM448 960l-448-512 448-512z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-bell" d="M512-64c106 0 192 86 192 192h-384c0-106 86-192 192-192zM896 512v64c0 212-172 384-384 384s-384-172-384-384v-64c0-70.6-57.4-128-128-128v-128h1024v128c-70.6 0-128 57.4-128 128z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-dataset" d="M896 768h-320c-16.4 16.4-96.8 96.8-109.2 109.2l-37.4 37.4c-25 25-74.2 45.4-109.4 45.4h-256c-35.2 0-64-28.8-64-64v-384c0 70.4 57.6 128 128 128h768c70.4 0 128-57.6 128-128v128c0 70.4-57.6 128-128 128zM896 512h-768c-70.4 0-128-57.6-128-128v-320c0-70.4 57.6-128 128-128h768c70.4 0 128 57.6 128 128v320c0 70.4-57.6 128-128 128zM320 64h-128v320h128v-320zM576 64h-128v320h128v-320zM832 64h-128v320h128v-320z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-save" d="M192.2 384c-0.2 0-0.2 0 0 0l-0.2-448h640v447.8c0 0 0 0-0.2 0.2h-639.6zM978.8 749.2l-165.4 165.4c-25 25-74.2 45.4-109.4 45.4h-576c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128v448c0 35.2 28.8 64 64 64h640c35.2 0 64-28.8 64-64v-448c70.4 0 128 57.6 128 128v576c0 35.2-20.4 84.4-45.2 109.2zM704 704c0-35.2-28.8-64-64-64h-448c-35.2 0-64 28.8-64 64v192h320v-192h128v192h128v-192z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-collapse-pane-left" d="M256 960h-256v-1024h256c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM512 640l512-320v640z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-collapse-pane-right" d="M768 960h256v-1024h-256c-105.6 0-192 86.4-192 192v640c0 105.6 86.4 192 192 192zM512 640l-512-320v640z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-eye-open" d="M512 896c-261 0-480.6-195.4-512-448 31.4-252.6 251-448 512-448s480.6 195.4 512 448c-31.4 252.6-251 448-512 448zM768.2 225.4c-71.4-62.8-162.8-97.4-257.6-97.4s-186.2 34.6-257.6 97.4c-66.6 58.6-110.6 137.2-125 222.6 0 0 0 0.2 0 0.2 76.8 154 220.8 257.6 384 257.6s307.2-103.8 384-257.6c0 0 0-0.2 0-0.2-14.4-85.4-61.2-164-127.8-222.6zM512 672c-123.8 0-224-100.2-224-224s100.2-224 224-224 224 100.2 224 224-100.2 224-224 224z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-eye-open-no-gleam" d="M512 896c-261 0-480.6-195.4-512-448 31.4-252.6 251-448 512-448s480.6 195.4 512 448c-31.4 252.6-251 448-512 448zM768.2 225.4c-71.4-62.8-162.8-97.4-257.6-97.4s-186.2 34.6-257.6 97.4c-66.6 58.6-110.6 137.2-125 222.6 0 0 0 0.2 0 0.2 76.8 154 220.8 257.6 384 257.6s307.2-103.8 384-257.6c0 0 0-0.2 0-0.2-14.4-85.4-61.2-164-127.8-222.6zM512 672c-123.8 0-224-100.2-224-224s100.2-224 224-224 224 100.2 224 224-100.2 224-224 224zM576 416c-53 0-96 43-96 96s43 96 96 96 96-43 96-96c0-53-43-96-96-96z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-topic" d="M454.36 483.36l86.3 86.3c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c19.328-19.358 42.832-34.541 69.047-44.082l1.313 171.722-57.64 57.64c-34.407 34.33-81.9 55.558-134.35 55.558s-99.943-21.228-134.354-55.562l-86.296-86.297c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-28.674 28.654v-172.14c19.045-7.022 41.040-11.084 63.984-11.084 52.463 0 99.966 21.239 134.379 55.587zM505.64 412.64l-86.3-86.3c-9.088-8.965-21.577-14.502-35.36-14.502s-26.272 5.537-35.366 14.507l-86.294 86.294c-2 2-4.2 4-6.36 6v-197.36c33.664-30.72 78.65-49.537 128.031-49.537 52.44 0 99.923 21.22 134.333 55.541l86.296 86.296c9.088 8.965 21.577 14.502 35.36 14.502s26.272-5.537 35.366-14.507l86.294-86.294c2-2 4.2-4 6.36-6v197.36c-33.664 30.72-78.65 49.537-128.031 49.537-52.44 0-99.923-21.22-134.333-55.541zM832 960h-128v-192h127.66l0.34-0.34v-639.32l-0.34-0.34h-127.66v-192h128c105.6 0 192 86.4 192 192v640c0 105.6-86.4 192-192 192zM320 128h-127.66l-0.34 0.34v639.32l0.34 0.34h127.66v192h-128c-105.6 0-192-86.4-192-192v-640c0-105.6 86.4-192 192-192h128v192z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-session" d="M635.6 435.6c6.6-4.2 13.2-8.6 19.2-13.6l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l135.2 108c0.2 4.8 0.2 9.4 0.2 14.2 0 52.2-7.8 102.4-22.2 149.8l-154.8-123.6c-58.2-46.6-140.2-59.2-211.4-38.4zM248.6 325.8l120.4 96.4c58 46.4 140 59.2 211.2 38.4-6.6 4.2-13.2 8.6-19.2 13.6l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.6c-40-32-91.4-48-143-48-21.6 0-43 2.8-63.8 8.4 0-0.6 0-1.2 0-1.6 5-3.4 10-6.8 14.6-10.6l120.4-96.4c29.8-23.8 83.8-23.8 113.4 0zM120.6 581.8l120.4 96.4c80.2 64.2 205.6 64.2 285.8 0l120.4-96.4c29.6-23.8 83.8-23.8 113.4 0l181 144.8c-91.2 140.4-249.6 233.4-429.6 233.4-238.6 0-439.2-163.2-496-384.2 30.8-17.6 77.8-15.6 104.6 6zM689 218l-120.4 96.4c-29.6 23.8-83.8 23.8-113.4 0l-120.2-96.4c-40-32-91.4-48-143-48-47.8 0-95.4 13.8-134.2 41.4 85.6-163.6 256.8-275.4 454.2-275.4s368.6 111.8 454.2 275.4c-80.4-57.4-199.8-55.2-277.2 6.6z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-bullet" d="M832 208c0-44-36-80-80-80h-480c-44 0-80 36-80 80v480c0 44 36 80 80 80h480c44 0 80-36 80-80v-480z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-tabular-realtime" d="M896 960h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128zM448 668l25.060-25.32c7.916-7.922 18.856-12.822 30.94-12.822s23.024 4.9 30.94 12.822l75.5 76.3c29.97 30.338 71.571 49.128 117.56 49.128s87.59-18.79 117.544-49.112l50.456-50.997v-152.2c-24.111 8.83-44.678 22.255-61.542 39.342l-75.518 76.318c-7.916 7.922-18.856 12.822-30.94 12.822s-23.024-4.9-30.94-12.822l-75.5-76.3c-29.971-30.343-71.575-49.137-117.568-49.137-20.084 0-39.331 3.584-57.137 10.146l1.145 151.831zM320 0h-192c-35.26 0.214-63.786 28.74-64 63.98v128.020h256v-192zM320 256h-256v192h256v-192zM320 512h-256v192h256v-192zM640 0h-256v192h256v-192zM448 323.38v174.5c1.88-1.74 3.74-3.5 5.56-5.34l75.5-76.3c7.916-7.922 18.856-12.822 30.94-12.822s23.024 4.9 30.94 12.822l75.5 76.3c29.966 30.333 71.56 49.119 117.542 49.119 43.28 0 82.673-16.644 112.128-43.879l-0.11-174.399c-1.88 1.74-3.74 3.5-5.56 5.34l-75.5 76.3c-7.916 7.922-18.856 12.822-30.94 12.822s-23.024-4.9-30.94-12.822l-75.5-76.3c-29.966-30.333-71.56-49.119-117.542-49.119-43.28 0-82.673 16.644-112.128 43.879zM960 64c-0.214-35.26-28.74-63.786-63.98-64h-192.020v192h256v-128z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-tabular-lad" d="M896 960h-768c-70.606-0.215-127.785-57.394-128-127.979v-768.021c0.215-70.606 57.394-127.785 127.979-128h768.021c70.606 0.215 127.785 57.394 128 127.979v768.021c-0.215 70.606-57.394 127.785-127.979 128zM64 704h256v-192h-256v192zM64 448h256v-192h-256v192zM128 0c-35.26 0.214-63.786 28.74-64 63.98v128.020h256v-192h-192zM384 0v192h256v-192h-256zM960 64c-0.214-35.26-28.74-63.786-63.98-64h-192.020v192h256v-128zM960 448v-192h-576v192h64v64h-64v192h576v-192h-64v-64h64zM782.32 412.62l-110.32 55.16v172.22c0 17.673-14.327 32-32 32s-32-14.327-32-32v-211.78l145.68-72.84c4.172-2.133 9.1-3.383 14.32-3.383 17.675 0 32.003 14.328 32.003 32.003 0 12.454-7.114 23.247-17.501 28.536z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-tabular-lad-set" d="M128 192v576c-70.606-0.215-127.785-57.394-128-127.979v-576.021c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979l-576 0.021c-70.606 0.215-127.785 57.394-128 127.979zM896 960h-576c-70.606-0.215-127.785-57.394-128-127.979v-576.021c0.215-70.606 57.394-127.785 127.979-128h576.021c70.606 0.215 127.785 57.394 128 127.979v576.021c-0.215 70.606-57.394 127.785-127.979 128zM256 768h192v-128h-192v128zM256 576h192v-192h-192v192zM320 192c-35.26 0.214-63.786 28.74-64 63.98v64.020h192v-128h-128zM512 192v128h192v-128h-192zM960 256c-0.214-35.26-28.74-63.786-63.98-64h-128.020v128h192v-64zM960 384h-448v384h448v-384zM832 480c0.002 0 0.005 0 0.007 0 17.673 0 32 14.327 32 32 0 14.055-9.062 25.994-21.662 30.293l-74.345 24.767v104.94c0 17.673-14.327 32-32 32s-32-14.327-32-32v-151.060l117.88-39.3c3.018-1.040 6.495-1.64 10.113-1.64 0.003 0 0.005 0 0.008 0z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-download" d="M832 384v-255.66l-0.34-0.34-639.66 0.34v255.66h-192v-256c0-105.6 86.4-192 192-192h640c105.6 0 192 86.4 192 192v256h-192zM512 320l448 448h-256v192h-384v-192h-256l448-448z" />
|
|
||||||
<glyph unicode="" glyph-name="icon-x" d="M384 448l-365.332-365.332c-24.89-24.89-24.89-65.62 0-90.51l37.49-37.49c24.89-24.89 65.62-24.89 90.51 0 0 0 365.332 365.332 365.332 365.332l365.332-365.332c24.89-24.89 65.62-24.89 90.51 0l37.49 37.49c24.89 24.89 24.89 65.62 0 90.51l-365.332 365.332c0 0 365.332 365.332 365.332 365.332 24.89 24.89 24.89 65.62 0 90.51l-37.49 37.49c-24.89 24.89-65.62 24.89-90.51 0 0 0-365.332-365.332-365.332-365.332l-365.332 365.332c-24.89 24.89-65.62 24.89-90.51 0l-37.49-37.49c-24.89-24.89-24.89-65.62 0-90.51 0 0 365.332-365.332 365.332-365.332z" />
|
|
||||||
</font></defs></svg>
|
|
||||||
|
Before Width: | Height: | Size: 35 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 218 KiB After Width: | Height: | Size: 119 KiB |
@ -43,7 +43,7 @@
|
|||||||
color: $colorAboutLink;
|
color: $colorAboutLink;
|
||||||
}
|
}
|
||||||
.s-description,
|
.s-description,
|
||||||
.s-btn {
|
.s-button {
|
||||||
line-height: 2em;
|
line-height: 2em;
|
||||||
}
|
}
|
||||||
.l-licenses-software {
|
.l-licenses-software {
|
||||||
|
|||||||
@ -121,17 +121,16 @@
|
|||||||
.l-flex-row {
|
.l-flex-row {
|
||||||
@include flex-direction(row);
|
@include flex-direction(row);
|
||||||
&.flex-elem { @include flex(1 1 auto); }
|
&.flex-elem { @include flex(1 1 auto); }
|
||||||
.flex-elem {
|
> .flex-elem {
|
||||||
height: inherit;
|
|
||||||
line-height: inherit;
|
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
&.holder:not(:last-child) { margin-right: $interiorMargin; }
|
||||||
}
|
}
|
||||||
.flex-container { @include flex-direction(row); }
|
.flex-container { @include flex-direction(row); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-flex-col {
|
.l-flex-col {
|
||||||
@include flex-direction(column);
|
@include flex-direction(column);
|
||||||
.flex-elem {
|
> .flex-elem {
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
&.holder:not(:last-child) { margin-bottom: $interiorMarginLg; }
|
&.holder:not(:last-child) { margin-bottom: $interiorMarginLg; }
|
||||||
}
|
}
|
||||||
|
|||||||
@ -29,7 +29,7 @@
|
|||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
.l-autoflow-header .s-btn.change-column-width {
|
.l-autoflow-header .s-button.change-column-width {
|
||||||
@include trans-prop-nice-fade(50ms);
|
@include trans-prop-nice-fade(50ms);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@ -43,7 +43,7 @@
|
|||||||
.t-last-update {
|
.t-last-update {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.s-btn.change-column-width {
|
.s-button.change-column-width {
|
||||||
@include trans-prop-nice-fade(500ms);
|
@include trans-prop-nice-fade(500ms);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -43,9 +43,10 @@ $ueColMargin: 1.5%;
|
|||||||
$ueAppLogoW: 80px;
|
$ueAppLogoW: 80px;
|
||||||
$ueEditToolBarH: 25px;
|
$ueEditToolBarH: 25px;
|
||||||
$ueCollapsedPaneEdgeM: 22px;
|
$ueCollapsedPaneEdgeM: 22px;
|
||||||
$uePaneMiniTabH: $ueTopBarH;
|
$uePaneMiniTabH: 22px;
|
||||||
$uePaneMiniTabW: 10px;
|
$uePaneMiniTabW: 8px;
|
||||||
$uePaneMiniTabCollapsedW: 11px;
|
$uePaneMiniTabFontSize: 8px;
|
||||||
|
$uePaneMiniTabCollapsedW: 18px;
|
||||||
$ueEditLeftPaneW: 75%;
|
$ueEditLeftPaneW: 75%;
|
||||||
$treeSearchInputBarH: 25px;
|
$treeSearchInputBarH: 25px;
|
||||||
$ueTimeControlH: (33px, 18px, 20px);
|
$ueTimeControlH: (33px, 18px, 20px);
|
||||||
@ -73,7 +74,7 @@ $treeTypeIconHPx: 16px;
|
|||||||
$treeTypeIconW: 18px;
|
$treeTypeIconW: 18px;
|
||||||
$treeContextTriggerW: 20px;
|
$treeContextTriggerW: 20px;
|
||||||
/*************** Tabular */
|
/*************** Tabular */
|
||||||
$tabularHeaderH: 22px; //18px
|
$tabularHeaderH: 22px;
|
||||||
$tabularTdPadLR: $itemPadLR;
|
$tabularTdPadLR: $itemPadLR;
|
||||||
$tabularTdPadTB: 3px;
|
$tabularTdPadTB: 3px;
|
||||||
/*************** Imagery */
|
/*************** Imagery */
|
||||||
@ -107,7 +108,7 @@ $bubbleMaxW: 300px;
|
|||||||
/*************** Forms */
|
/*************** Forms */
|
||||||
$reqSymbolW: 15px;
|
$reqSymbolW: 15px;
|
||||||
$reqSymbolM: $interiorMargin * 2;
|
$reqSymbolM: $interiorMargin * 2;
|
||||||
$reqSymbolFontSize: 0.7em;
|
$reqSymbolFontSize: 0.75em;
|
||||||
/*************** Wait Spinner Defaults */
|
/*************** Wait Spinner Defaults */
|
||||||
$waitSpinnerD: 32px;
|
$waitSpinnerD: 32px;
|
||||||
$waitSpinnerTreeD: 20px;
|
$waitSpinnerTreeD: 20px;
|
||||||
@ -136,8 +137,3 @@ $dirImgs: $dirCommonRes + 'images/';
|
|||||||
$controlFadeMs: 100ms;
|
$controlFadeMs: 100ms;
|
||||||
$browseToEditAnimMs: 400ms;
|
$browseToEditAnimMs: 400ms;
|
||||||
$editBorderPulseMs: 500ms;
|
$editBorderPulseMs: 500ms;
|
||||||
|
|
||||||
/************************** LIMITS */
|
|
||||||
$glyphLimit: '\e603';
|
|
||||||
$glyphLimitUpr: '\0000eb';
|
|
||||||
$glyphLimitLwr: '\0000ee';
|
|
||||||
|
|||||||
@ -22,18 +22,34 @@
|
|||||||
/************************** FONTS */
|
/************************** FONTS */
|
||||||
@font-face {
|
@font-face {
|
||||||
/*
|
/*
|
||||||
* Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json
|
* Use https://icomoon.io/app with icomoon-project-openmct-symbols-16px.json
|
||||||
|
* to generate font files
|
||||||
*/
|
*/
|
||||||
font-family: 'symbolsfont';
|
font-family: 'symbolsfont';
|
||||||
src: url($dirCommonRes + 'fonts/symbols/wtdsymbols.eot');
|
src: url($dirCommonRes + 'fonts/symbols/openmct-symbols-16px.eot');
|
||||||
src: url($dirCommonRes + 'fonts/symbols/wtdsymbols.eot?#iefix') format('embedded-opentype'),
|
src: url($dirCommonRes + 'fonts/symbols/openmct-symbols-16px.eot?#iefix') format('embedded-opentype'),
|
||||||
url($dirCommonRes + 'fonts/symbols/wtdsymbols.woff') format('woff'),
|
url($dirCommonRes + 'fonts/symbols/openmct-symbols-16px.woff') format('woff'),
|
||||||
url($dirCommonRes + 'fonts/symbols/wtdsymbols.ttf') format('truetype'),
|
url($dirCommonRes + 'fonts/symbols/openmct-symbols-16px.ttf') format('truetype'),
|
||||||
url($dirCommonRes + 'fonts/symbols/wtdsymbols.svg#armataregular') format('svg');
|
url($dirCommonRes + 'fonts/symbols/openmct-symbols-16px.svg') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
/*
|
||||||
|
* Use https://icomoon.io/app with icomoon-project-openmct-symbols-12px.json
|
||||||
|
* to generate font files
|
||||||
|
*/
|
||||||
|
font-family: 'symbolsfont 12px';
|
||||||
|
src: url($dirCommonRes + 'fonts/symbols/openmct-symbols-12px.eot');
|
||||||
|
src: url($dirCommonRes + 'fonts/symbols/openmct-symbols-12px.eot?#iefix') format('embedded-opentype'),
|
||||||
|
url($dirCommonRes + 'fonts/symbols/openmct-symbols-12px.woff') format('woff'),
|
||||||
|
url($dirCommonRes + 'fonts/symbols/openmct-symbols-12px.ttf') format('truetype'),
|
||||||
|
url($dirCommonRes + 'fonts/symbols/openmct-symbols-12px.svg') format('svg');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
/************************** HTML ENTITIES */
|
/************************** HTML ENTITIES */
|
||||||
a {
|
a {
|
||||||
color: $colorA;
|
color: $colorA;
|
||||||
|
|||||||
212
platform/commonUI/general/res/sass/_glyphs.scss
Normal file
212
platform/commonUI/general/res/sass/_glyphs.scss
Normal file
@ -0,0 +1,212 @@
|
|||||||
|
@mixin glyph($unicode, $family: 'symbolsfont') {
|
||||||
|
&:before {
|
||||||
|
content: $unicode;
|
||||||
|
font-family: $family;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/************************** CHAR UNICODES */
|
||||||
|
|
||||||
|
$glyph-icon-alert-rect: '\e900';
|
||||||
|
$glyph-icon-alert-triangle: '\e901';
|
||||||
|
$glyph-icon-arrow-down: '\e902';
|
||||||
|
$glyph-icon-arrow-left: '\e903';
|
||||||
|
$glyph-icon-arrow-right: '\e904';
|
||||||
|
$glyph-icon-arrow-double-up: '\e905';
|
||||||
|
$glyph-icon-arrow-tall-up: '\e906';
|
||||||
|
$glyph-icon-arrow-tall-down: '\e907';
|
||||||
|
$glyph-icon-arrow-double-down: '\e908';
|
||||||
|
$glyph-icon-arrow-up: '\e909';
|
||||||
|
$glyph-icon-asterisk: '\e910';
|
||||||
|
$glyph-icon-bell: '\e911';
|
||||||
|
$glyph-icon-box: '\e912';
|
||||||
|
$glyph-icon-box-with-arrow: '\e913';
|
||||||
|
$glyph-icon-check: '\e914';
|
||||||
|
$glyph-icon-connectivity: '\e915';
|
||||||
|
$glyph-icon-database-in-brackets: '\e916';
|
||||||
|
$glyph-icon-eye-open: '\e917';
|
||||||
|
$glyph-icon-gear: '\e918';
|
||||||
|
$glyph-icon-hourglass: '\e919';
|
||||||
|
$glyph-icon-info: '\e920';
|
||||||
|
$glyph-icon-link: '\e921';
|
||||||
|
$glyph-icon-lock: '\e922';
|
||||||
|
$glyph-icon-minus: '\e923';
|
||||||
|
$glyph-icon-people: '\e924';
|
||||||
|
$glyph-icon-person: '\e925';
|
||||||
|
$glyph-icon-plus: '\e926';
|
||||||
|
$glyph-icon-trash: '\e927';
|
||||||
|
$glyph-icon-x: '\e928';
|
||||||
|
$glyph-icon-brackets: '\e929';
|
||||||
|
$glyph-icon-arrows-out: '\e1000';
|
||||||
|
$glyph-icon-arrows-right-left: '\e1001';
|
||||||
|
$glyph-icon-arrows-up-down: '\e1002';
|
||||||
|
$glyph-icon-box-with-dashed-lines: '';
|
||||||
|
$glyph-icon-bullet: '\e1004';
|
||||||
|
$glyph-icon-calendar: '\e1005';
|
||||||
|
$glyph-icon-chain-links: '\e1006';
|
||||||
|
$glyph-icon-collapse-pane-left: '\e1007';
|
||||||
|
$glyph-icon-collapse-pane-right: '\e1008';
|
||||||
|
$glyph-icon-download: '\e1009';
|
||||||
|
$glyph-icon-duplicate: '\e1010';
|
||||||
|
$glyph-icon-folder-new: '\e1011';
|
||||||
|
$glyph-icon-fullscreen-collapse: '\e1012';
|
||||||
|
$glyph-icon-fullscreen-expand: '\e1013';
|
||||||
|
$glyph-icon-layers: '\e1014';
|
||||||
|
$glyph-icon-line-horz: '\e1015';
|
||||||
|
$glyph-icon-magnify: '\e1016';
|
||||||
|
$glyph-icon-magnify-in: '\e1017';
|
||||||
|
$glyph-icon-magnify-out: '\e1018';
|
||||||
|
$glyph-icon-menu-hamburger: '\e1019';
|
||||||
|
$glyph-icon-move: '\e1020';
|
||||||
|
$glyph-icon-new-window: '\e1021';
|
||||||
|
$glyph-icon-paint-bucket: '\e1022';
|
||||||
|
$glyph-icon-pause: '\e1023';
|
||||||
|
$glyph-icon-pencil: '\e1024';
|
||||||
|
$glyph-icon-play: '\e1025';
|
||||||
|
$glyph-icon-plot-resource: '\e1026';
|
||||||
|
$glyph-icon-pointer-left: '\e1027';
|
||||||
|
$glyph-icon-pointer-right: '\e1028';
|
||||||
|
$glyph-icon-refresh: '\e1029';
|
||||||
|
$glyph-icon-save: '\e1030';
|
||||||
|
$glyph-icon-sine: '\e1031';
|
||||||
|
$glyph-icon-T: '\e1032';
|
||||||
|
$glyph-icon-thumbs-strip: '\e1033';
|
||||||
|
$glyph-icon-two-parts-both: '\e1034';
|
||||||
|
$glyph-icon-two-parts-one-only: '\e1035';
|
||||||
|
$glyph-icon-x-in-circle: '\e1036';
|
||||||
|
$glyph-icon-activity: '\e1100';
|
||||||
|
$glyph-icon-activity-mode: '\e1101';
|
||||||
|
$glyph-icon-autoflow-tabular: '\e1102';
|
||||||
|
$glyph-icon-clock: '\e1103';
|
||||||
|
$glyph-icon-database: '\e1104';
|
||||||
|
$glyph-icon-database-query: '\e1105';
|
||||||
|
$glyph-icon-dataset: '\e1106';
|
||||||
|
$glyph-icon-datatable: '\e1107';
|
||||||
|
$glyph-icon-dictionary: '\e1108';
|
||||||
|
$glyph-icon-folder: '\e1109';
|
||||||
|
$glyph-icon-image: '\e1110';
|
||||||
|
$glyph-icon-layout: '\e1111';
|
||||||
|
$glyph-icon-object: '\e1112';
|
||||||
|
$glyph-icon-object-unknown: '\e1113';
|
||||||
|
$glyph-icon-packet: '\e1114';
|
||||||
|
$glyph-icon-page: '\e1115';
|
||||||
|
$glyph-icon-plot-overlay: '\e1116';
|
||||||
|
$glyph-icon-plot-stacked: '\e1117';
|
||||||
|
$glyph-icon-session: '\e1118';
|
||||||
|
$glyph-icon-tabular: '\e1119';
|
||||||
|
$glyph-icon-tabular-lad: '\e1120';
|
||||||
|
$glyph-icon-tabular-lad-set: '\e1121';
|
||||||
|
$glyph-icon-tabular-realtime: '\e1122';
|
||||||
|
$glyph-icon-tabular-scrolling: '\e1123';
|
||||||
|
$glyph-icon-telemetry: '\e1124';
|
||||||
|
$glyph-icon-telemetry-panel: '\e1125';
|
||||||
|
$glyph-icon-timeline: '\e1126';
|
||||||
|
$glyph-icon-timer: '\e1127';
|
||||||
|
$glyph-icon-topic: '\e1128';
|
||||||
|
$glyph-icon-box-with-dashed-lines: '\e1129';
|
||||||
|
|
||||||
|
/************************** 16 PX CLASSES */
|
||||||
|
|
||||||
|
.icon-alert-rect { @include glyph($glyph-icon-alert-rect); }
|
||||||
|
.icon-alert-triangle { @include glyph($glyph-icon-alert-triangle); }
|
||||||
|
.icon-arrow-down { @include glyph($glyph-icon-arrow-down); }
|
||||||
|
.icon-arrow-left { @include glyph($glyph-icon-arrow-left); }
|
||||||
|
.icon-arrow-right { @include glyph($glyph-icon-arrow-right); }
|
||||||
|
.icon-arrow-double-up { @include glyph($glyph-icon-arrow-double-up); }
|
||||||
|
.icon-arrow-tall-up { @include glyph($glyph-icon-arrow-tall-up); }
|
||||||
|
.icon-arrow-tall-down { @include glyph($glyph-icon-arrow-tall-down); }
|
||||||
|
.icon-arrow-double-down { @include glyph($glyph-icon-arrow-double-down); }
|
||||||
|
.icon-arrow-up { @include glyph($glyph-icon-arrow-up); }
|
||||||
|
.icon-asterisk { @include glyph($glyph-icon-asterisk); }
|
||||||
|
.icon-bell { @include glyph($glyph-icon-bell); }
|
||||||
|
.icon-box { @include glyph($glyph-icon-box); }
|
||||||
|
.icon-box-with-arrow { @include glyph($glyph-icon-box-with-arrow); }
|
||||||
|
.icon-check { @include glyph($glyph-icon-check); }
|
||||||
|
.icon-connectivity { @include glyph($glyph-icon-connectivity); }
|
||||||
|
.icon-database-in-brackets { @include glyph($glyph-icon-database-in-brackets); }
|
||||||
|
.icon-eye-open { @include glyph($glyph-icon-eye-open); }
|
||||||
|
.icon-gear { @include glyph($glyph-icon-gear); }
|
||||||
|
.icon-hourglass { @include glyph($glyph-icon-hourglass); }
|
||||||
|
.icon-info { @include glyph($glyph-icon-info); }
|
||||||
|
.icon-link { @include glyph($glyph-icon-link); }
|
||||||
|
.icon-lock { @include glyph($glyph-icon-lock); }
|
||||||
|
.icon-minus { @include glyph($glyph-icon-minus); }
|
||||||
|
.icon-people { @include glyph($glyph-icon-people); }
|
||||||
|
.icon-person { @include glyph($glyph-icon-person); }
|
||||||
|
.icon-plus { @include glyph($glyph-icon-plus); }
|
||||||
|
.icon-trash { @include glyph($glyph-icon-trash); }
|
||||||
|
.icon-x { @include glyph($glyph-icon-x); }
|
||||||
|
.icon-brackets { @include glyph($glyph-icon-brackets); }
|
||||||
|
.icon-arrows-out { @include glyph($glyph-icon-arrows-out); }
|
||||||
|
.icon-arrows-right-left { @include glyph($glyph-icon-arrows-right-left); }
|
||||||
|
.icon-arrows-up-down { @include glyph($glyph-icon-arrows-up-down); }
|
||||||
|
.icon-bullet { @include glyph($glyph-icon-bullet); }
|
||||||
|
.icon-calendar { @include glyph($glyph-icon-calendar); }
|
||||||
|
.icon-chain-links { @include glyph($glyph-icon-chain-links); }
|
||||||
|
.icon-collapse-pane-left { @include glyph($glyph-icon-collapse-pane-left); }
|
||||||
|
.icon-collapse-pane-right { @include glyph($glyph-icon-collapse-pane-right); }
|
||||||
|
.icon-download { @include glyph($glyph-icon-download); }
|
||||||
|
.icon-duplicate { @include glyph($glyph-icon-duplicate); }
|
||||||
|
.icon-folder-new { @include glyph($glyph-icon-folder-new); }
|
||||||
|
.icon-fullscreen-collapse { @include glyph($glyph-icon-fullscreen-collapse); }
|
||||||
|
.icon-fullscreen-expand { @include glyph($glyph-icon-fullscreen-expand); }
|
||||||
|
.icon-layers { @include glyph($glyph-icon-layers); }
|
||||||
|
.icon-line-horz { @include glyph($glyph-icon-line-horz); }
|
||||||
|
.icon-magnify { @include glyph($glyph-icon-magnify); }
|
||||||
|
.icon-magnify-in { @include glyph($glyph-icon-magnify-in); }
|
||||||
|
.icon-magnify-out { @include glyph($glyph-icon-magnify-out); }
|
||||||
|
.icon-menu-hamburger { @include glyph($glyph-icon-menu-hamburger); }
|
||||||
|
.icon-move { @include glyph($glyph-icon-move); }
|
||||||
|
.icon-new-window { @include glyph($glyph-icon-new-window); }
|
||||||
|
.icon-paint-bucket { @include glyph($glyph-icon-paint-bucket); }
|
||||||
|
.icon-pause { @include glyph($glyph-icon-pause); }
|
||||||
|
.icon-pencil { @include glyph($glyph-icon-pencil); }
|
||||||
|
.icon-play { @include glyph($glyph-icon-play); }
|
||||||
|
.icon-plot-resource { @include glyph($glyph-icon-plot-resource); }
|
||||||
|
.icon-pointer-left { @include glyph($glyph-icon-pointer-left); }
|
||||||
|
.icon-pointer-right { @include glyph($glyph-icon-pointer-right); }
|
||||||
|
.icon-refresh { @include glyph($glyph-icon-refresh); }
|
||||||
|
.icon-save { @include glyph($glyph-icon-save); }
|
||||||
|
.icon-sine { @include glyph($glyph-icon-sine); }
|
||||||
|
.icon-T { @include glyph($glyph-icon-T); }
|
||||||
|
.icon-thumbs-strip { @include glyph($glyph-icon-thumbs-strip); }
|
||||||
|
.icon-two-parts-both { @include glyph($glyph-icon-two-parts-both); }
|
||||||
|
.icon-two-parts-one-only { @include glyph($glyph-icon-two-parts-one-only); }
|
||||||
|
.icon-x-in-circle { @include glyph($glyph-icon-x-in-circle); }
|
||||||
|
.icon-activity { @include glyph($glyph-icon-activity); }
|
||||||
|
.icon-activity-mode { @include glyph($glyph-icon-activity-mode); }
|
||||||
|
.icon-autoflow-tabular { @include glyph($glyph-icon-autoflow-tabular); }
|
||||||
|
.icon-clock { @include glyph($glyph-icon-clock); }
|
||||||
|
.icon-database { @include glyph($glyph-icon-database); }
|
||||||
|
.icon-database-query { @include glyph($glyph-icon-database-query); }
|
||||||
|
.icon-dataset { @include glyph($glyph-icon-dataset); }
|
||||||
|
.icon-datatable { @include glyph($glyph-icon-datatable); }
|
||||||
|
.icon-dictionary { @include glyph($glyph-icon-dictionary); }
|
||||||
|
.icon-folder { @include glyph($glyph-icon-folder); }
|
||||||
|
.icon-image { @include glyph($glyph-icon-image); }
|
||||||
|
.icon-layout { @include glyph($glyph-icon-layout); }
|
||||||
|
.icon-object { @include glyph($glyph-icon-object); }
|
||||||
|
.icon-object-unknown { @include glyph($glyph-icon-object-unknown); }
|
||||||
|
.icon-packet { @include glyph($glyph-icon-packet); }
|
||||||
|
.icon-page { @include glyph($glyph-icon-page); }
|
||||||
|
.icon-plot-overlay { @include glyph($glyph-icon-plot-overlay); }
|
||||||
|
.icon-plot-stacked { @include glyph($glyph-icon-plot-stacked); }
|
||||||
|
.icon-session { @include glyph($glyph-icon-session); }
|
||||||
|
.icon-tabular { @include glyph($glyph-icon-tabular); }
|
||||||
|
.icon-tabular-lad { @include glyph($glyph-icon-tabular-lad); }
|
||||||
|
.icon-tabular-lad-set { @include glyph($glyph-icon-tabular-lad-set); }
|
||||||
|
.icon-tabular-realtime { @include glyph($glyph-icon-tabular-realtime); }
|
||||||
|
.icon-tabular-scrolling { @include glyph($glyph-icon-tabular-scrolling); }
|
||||||
|
.icon-telemetry { @include glyph($glyph-icon-telemetry); }
|
||||||
|
.icon-telemetry-panel { @include glyph($glyph-icon-telemetry-panel); }
|
||||||
|
.icon-timeline { @include glyph($glyph-icon-timeline); }
|
||||||
|
.icon-timer { @include glyph($glyph-icon-timer); }
|
||||||
|
.icon-topic { @include glyph($glyph-icon-topic); }
|
||||||
|
.icon-box-with-dashed-lines { @include glyph($glyph-icon-box-with-dashed-lines); }
|
||||||
|
|
||||||
|
/************************** 12 PX CLASSES */
|
||||||
|
|
||||||
|
.icon-eye-open-12px { @include glyph($glyph-icon-eye-open,'symbolsfont-12px'); }
|
||||||
|
.icon-collapse-pane-left-12px { @include glyph($glyph-icon-collapse-pane-left,'symbolsfont-12px'); }
|
||||||
|
.icon-collapse-pane-right-12px { @include glyph($glyph-icon-collapse-pane-right,'symbolsfont-12px'); }
|
||||||
|
.icon-folder-12px { @include glyph($glyph-icon-folder,'symbolsfont-12px'); }
|
||||||
@ -30,25 +30,17 @@
|
|||||||
|
|
||||||
.ui-symbol {
|
.ui-symbol {
|
||||||
font-family: 'symbolsfont';
|
font-family: 'symbolsfont';
|
||||||
&.type-icon {
|
}
|
||||||
color: $colorObjHdrIc;
|
|
||||||
}
|
.ui-symbol.icon {
|
||||||
&.icon {
|
color: $colorKey;
|
||||||
color: $colorKey;
|
font-size: inherit;
|
||||||
font-size: inherit;
|
&.alert {
|
||||||
&.alert {
|
color: $colorAlert;
|
||||||
color: $colorAlert;
|
&:hover {
|
||||||
&:hover {
|
color: lighten($colorAlert, $ltGamma);
|
||||||
color: lighten($colorAlert, $ltGamma);
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
&.major {
|
|
||||||
font-size: 1.65em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.icon-calendar:after {
|
|
||||||
content: "\e605";
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.bar .ui-symbol {
|
.bar .ui-symbol {
|
||||||
@ -60,39 +52,31 @@
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-menu-btn .invoke-menu,
|
.s-menu-button .invoke-menu,
|
||||||
.icon.major .invoke-menu {
|
.icon.major .invoke-menu {
|
||||||
margin-left: $interiorMarginSm;
|
margin-left: $interiorMarginSm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .type-icon,
|
.menu .type-icon,
|
||||||
.tree-item .type-icon,
|
.tree-item .type-icon,
|
||||||
.super-menu.menu .type-icon {
|
.super-menu.menu .menu-item-a:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-icon-alert {
|
|
||||||
display: none !important;
|
|
||||||
&:before {
|
|
||||||
color: $colorAlert;
|
|
||||||
content: "!";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.t-item-icon {
|
.t-item-icon {
|
||||||
// Used in grid-item.html, tree-item, inspector location
|
// Used in grid-item.html, tree-item, inspector location
|
||||||
@extend .ui-symbol;
|
@extend .ui-symbol;
|
||||||
@extend .icon;
|
@extend .icon;
|
||||||
line-height: normal; // This is Ok for the symbolsfont
|
line-height: inherit;
|
||||||
position: relative;
|
position: relative;
|
||||||
&.l-icon-link {
|
&.l-icon-link {
|
||||||
.t-item-icon-glyph {
|
.t-item-icon-glyph {
|
||||||
&:before {
|
&:after {
|
||||||
color: $colorIconLink;
|
color: $colorIconLink;
|
||||||
content: "\f4";
|
content: $glyph-icon-link;
|
||||||
height: auto; width: auto;
|
height: auto; width: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0; top: 0; right: 0; bottom: 10%;
|
left: 0; top: 0; right: 0; bottom: 20%;
|
||||||
@include transform-origin(bottom left);
|
@include transform-origin(bottom left);
|
||||||
@include transform(scale(0.3));
|
@include transform(scale(0.3));
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|||||||
@ -39,14 +39,6 @@
|
|||||||
.pane-header {
|
.pane-header {
|
||||||
color: pushBack($colorInspectorFg, 20%);
|
color: pushBack($colorInspectorFg, 20%);
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
&:before {
|
|
||||||
color: pushBack($colorInspectorFg, 10%);
|
|
||||||
content: '\e615'; // e615 Crosshair symbol
|
|
||||||
display: inline;
|
|
||||||
font-family: symbolsfont;
|
|
||||||
margin-right: $interiorMargin;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.split-layout {
|
.split-layout {
|
||||||
@ -115,7 +107,7 @@
|
|||||||
background-color: $colorInspectorSectionHeaderBg;
|
background-color: $colorInspectorSectionHeaderBg;
|
||||||
color: $colorInspectorSectionHeaderFg;
|
color: $colorInspectorSectionHeaderFg;
|
||||||
margin-bottom: $interiorMargin;
|
margin-bottom: $interiorMargin;
|
||||||
padding: $formTBPad $formLRPad;
|
padding: floor($formTBPad * .75) $formLRPad;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -159,7 +151,7 @@
|
|||||||
}
|
}
|
||||||
&:not(.last) .t-object-label .t-title-label:after {
|
&:not(.last) .t-object-label .t-title-label:after {
|
||||||
color: pushBack($colorInspectorFg, 15%);
|
color: pushBack($colorInspectorFg, 15%);
|
||||||
content: '\3e';
|
content: '\e904';
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: symbolsfont;
|
font-family: symbolsfont;
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
|
|||||||
@ -1,4 +1,4 @@
|
|||||||
@mixin limitGlyph($iconColor, $glyph: $glyphLimit) {
|
@mixin limitGlyph($iconColor, $glyph: $glyph-icon-alert-triangle) {
|
||||||
&:before {
|
&:before {
|
||||||
color: $iconColor;
|
color: $iconColor;
|
||||||
content: $glyph;
|
content: $glyph;
|
||||||
@ -21,8 +21,8 @@ tr[class*="s-limit"] {
|
|||||||
&.s-limit-yellow td:first-child {
|
&.s-limit-yellow td:first-child {
|
||||||
@include limitGlyph($colorLimitYellowIc);
|
@include limitGlyph($colorLimitYellowIc);
|
||||||
}
|
}
|
||||||
&.s-limit-upr td:first-child:before { content:$glyphLimitUpr; }
|
&.s-limit-upr td:first-child:before { content: $glyph-icon-arrow-double-up; }
|
||||||
&.s-limit-lwr td:first-child:before { content:$glyphLimitLwr; }
|
&.s-limit-lwr td:first-child:before { content: $glyph-icon-arrow-double-down; }
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handle limit when applied directly to a non-tr element
|
// Handle limit when applied directly to a non-tr element
|
||||||
@ -34,6 +34,6 @@ tr[class*="s-limit"] {
|
|||||||
&.s-limit-yellow {
|
&.s-limit-yellow {
|
||||||
@include limitGlyph($colorLimitYellowIc);
|
@include limitGlyph($colorLimitYellowIc);
|
||||||
}
|
}
|
||||||
&.s-limit-upr:before { content:$glyphLimitUpr; }
|
&.s-limit-upr:before { content: $glyph-icon-arrow-double-up; }
|
||||||
&.s-limit-lwr:before { content:$glyphLimitLwr; }
|
&.s-limit-lwr:before { content: $glyph-icon-arrow-double-down; }
|
||||||
}
|
}
|
||||||
@ -21,6 +21,7 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
@import "effects";
|
@import "effects";
|
||||||
@import "global";
|
@import "global";
|
||||||
|
@import "glyphs";
|
||||||
@import "archetypes";
|
@import "archetypes";
|
||||||
@import "about";
|
@import "about";
|
||||||
@import "text";
|
@import "text";
|
||||||
|
|||||||
@ -294,10 +294,9 @@
|
|||||||
|
|
||||||
@function splitterHandleInset($splitterD: 21px, $splitterHandleD: 1px) {
|
@function splitterHandleInset($splitterD: 21px, $splitterHandleD: 1px) {
|
||||||
// Space to either side of the handle
|
// Space to either side of the handle
|
||||||
@return ($splitterD - $splitterHandleD) * 0.5;
|
@return ($splitterD - $splitterHandleD) / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*********************************************** CONTROLS, FORM ELEMENTS */
|
/*********************************************** CONTROLS, FORM ELEMENTS */
|
||||||
|
|
||||||
@mixin containerBase($bg: $colorBodyBg, $fg: $colorBodyFg) {
|
@mixin containerBase($bg: $colorBodyBg, $fg: $colorBodyFg) {
|
||||||
@ -305,24 +304,34 @@
|
|||||||
border-radius: $controlCr;
|
border-radius: $controlCr;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: $fg;
|
color: $fg;
|
||||||
display: inline-block;
|
//display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin btnBase($bg: $colorBodyBg, $bgHovColor: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
|
@mixin btnBase($bg: $colorBtnBg, $bgHov: $colorBtnBgHov, $fg: $colorBtnFg, $fgHov: $colorBtnFgHov, $ic: $colorBtnIcon, $icHov: $colorBtnIconHov) {
|
||||||
@include user-select(none);
|
@include user-select(none);
|
||||||
.icon {
|
color: $fg;
|
||||||
|
.icon,
|
||||||
|
&:before {
|
||||||
color: $ic;
|
color: $ic;
|
||||||
}
|
}
|
||||||
@if $bgHovColor != none {
|
@if $bgHov != none {
|
||||||
&:not(.disabled):hover {
|
&:not(.disabled):hover {
|
||||||
background: $bgHovColor; // was just background, and background-image before that
|
background: $bgHov;
|
||||||
>.icon {
|
color: $fgHov;
|
||||||
color: lighten($ic, $ltGamma);
|
>.icon,
|
||||||
|
&:before {
|
||||||
|
color: $icHov;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: $colorBtnBgHov, $fg: $colorBtnFg, $fgHov: $colorBtnFgHov, $ic: $colorBtnIcon, $icHov: $colorBtnIconHov) {
|
||||||
|
@include containerSubtle($bg, $fg);
|
||||||
|
@include btnBase($bgHov: $bgHov, $fg: $fg, $fgHov: $fgHov, $ic: $ic, $icHov: $icHov);
|
||||||
|
text-shadow: $shdwItemText;
|
||||||
|
}
|
||||||
|
|
||||||
@mixin input-base($bg: $colorInputBg, $fg: $colorInputFg, $shdw: rgba(black, 0.6) 0 1px 3px) {
|
@mixin input-base($bg: $colorInputBg, $fg: $colorInputFg, $shdw: rgba(black, 0.6) 0 1px 3px) {
|
||||||
@include appearance(none);
|
@include appearance(none);
|
||||||
border-radius: $controlCr;
|
border-radius: $controlCr;
|
||||||
@ -344,7 +353,7 @@
|
|||||||
|
|
||||||
@mixin contextArrow() {
|
@mixin contextArrow() {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
content: '\76';
|
content: $glyph-icon-arrow-down;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-family: 'symbolsfont';
|
font-family: 'symbolsfont';
|
||||||
margin-left: $interiorMarginSm;
|
margin-left: $interiorMarginSm;
|
||||||
|
|||||||
@ -35,31 +35,28 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
mct-representation,
|
.s-status-pending {
|
||||||
.rep-object-label {
|
> .t-object-label {
|
||||||
&.s-status-pending {
|
.t-item-icon {
|
||||||
.t-object-label {
|
&:after {
|
||||||
.t-item-icon {
|
@include spinner($waitSpinnerTreeBorderW, $colorLoadingFg);
|
||||||
&:before {
|
content: "";
|
||||||
@include spinner($waitSpinnerTreeBorderW, $colorLoadingFg);
|
height: $waitSpinnerTreeD; width: $waitSpinnerTreeD;
|
||||||
content: "";
|
|
||||||
height: $waitSpinnerTreeD; width: $waitSpinnerTreeD;
|
|
||||||
}
|
|
||||||
.t-item-icon-glyph {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.t-title-label {
|
.t-item-icon-glyph,
|
||||||
font-style: italic;
|
&:before {
|
||||||
opacity: 0.6;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.t-title-label {
|
||||||
|
font-style: italic;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.selected mct-representation,
|
.selected {
|
||||||
.selected .rep-object-label {
|
.s-status-pending .t-object-label .t-item-icon:after {
|
||||||
.s-status-pending .t-object-label .t-item-icon:before {
|
|
||||||
border-color: rgba($colorItemTreeSelectedFg, 0.25) !important;
|
border-color: rgba($colorItemTreeSelectedFg, 0.25) !important;
|
||||||
border-top-color: rgba($colorItemTreeSelectedFg, 1.0) !important;
|
border-top-color: rgba($colorItemTreeSelectedFg, 1.0) !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -22,21 +22,24 @@
|
|||||||
$baseRatio: 1.5;
|
$baseRatio: 1.5;
|
||||||
$pad: $interiorMargin * $baseRatio;
|
$pad: $interiorMargin * $baseRatio;
|
||||||
|
|
||||||
.s-btn,
|
.s-button,
|
||||||
.s-icon-btn {
|
button {
|
||||||
@include user-select(none);
|
@include user-select(none);
|
||||||
|
@include btnSubtle($bg: $colorBtnBg, $bgHov: $colorBtnBgHov, $fg: $colorBtnFg, $ic: $colorBtnIcon);
|
||||||
|
box-sizing: border-box;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.7rem;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
height: $btnStdH;
|
height: $btnStdH;
|
||||||
line-height: $btnStdH;
|
line-height: $btnStdH;
|
||||||
}
|
|
||||||
|
|
||||||
.s-btn {
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding: 0 $pad;
|
padding: 0 $pad;
|
||||||
font-size: 0.7rem;
|
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
@include btnSubtle($colorBtnBg, $colorBtnBgHov, $colorBtnFg, $colorBtnIcon);
|
|
||||||
|
&.labeled:before {
|
||||||
|
// Icon when it's included
|
||||||
|
margin-right: $interiorMarginSm;
|
||||||
|
}
|
||||||
|
|
||||||
&.lg {
|
&.lg {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
@ -50,58 +53,20 @@ $pad: $interiorMargin * $baseRatio;
|
|||||||
padding: 0 ($pad / $baseRatio) / 2;
|
padding: 0 ($pad / $baseRatio) / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.major,
|
&.major {
|
||||||
&.key-edit,
|
@include btnSubtle($bg: $colorBtnMajorBg, $bgHov: $colorBtnMajorBgHov, $fg: $colorBtnMajorFg, $fgHov: $colorBtnMajorFgHov, $ic: $colorBtnMajorFg, $icHov: $colorBtnMajorFgHov);
|
||||||
&.key-properties {
|
|
||||||
$bg: $colorBtnMajorBg;
|
|
||||||
$hc: lighten($bg, 10%);
|
|
||||||
@include btnSubtle($bg, $hc, $colorBtnMajorFg, $colorBtnMajorFg);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.t-save:before {
|
&.no-label {
|
||||||
content:'\e612';
|
.label, .title-label { display: none; }
|
||||||
font-family: symbolsfont;
|
|
||||||
margin-right: $interiorMarginSm;
|
|
||||||
}
|
|
||||||
&.t-save-as:before {
|
|
||||||
content:'\e612';
|
|
||||||
font-family: symbolsfont;
|
|
||||||
margin-right: $interiorMarginSm;
|
|
||||||
}
|
|
||||||
&.t-cancel {
|
|
||||||
.title-label { display: none; }
|
|
||||||
&:before {
|
|
||||||
content:'\78';
|
|
||||||
font-family: symbolsfont;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.pause-play {
|
&.pause-play {
|
||||||
.icon:before {
|
@extend .icon-pause;
|
||||||
content: "\0000F1";
|
|
||||||
}
|
|
||||||
&.paused {
|
&.paused {
|
||||||
@include btnSubtle($colorPausedBg, pushBack($colorPausedBg, 10%), $colorPausedFg, $colorPausedFg);
|
@include btnSubtle($bg: $colorPausedBg, $bgHov: pushBack($colorPausedBg, 10%), $fg: $colorPausedFg, $ic: $colorPausedFg);
|
||||||
.icon {
|
@extend .icon-play;
|
||||||
@include pulse($dur: 1000ms);
|
&:before { @include pulse($dur: 1000ms); }
|
||||||
:before {
|
|
||||||
content: "\0000EF";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.show-thumbs {
|
|
||||||
.icon:before {
|
|
||||||
content: "\000039";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.t-export {
|
|
||||||
&:before {
|
|
||||||
@extend .ui-symbol;
|
|
||||||
@extend .icon;
|
|
||||||
content: '\e623';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -114,166 +79,59 @@ $pad: $interiorMargin * $baseRatio;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-icon-btn {
|
|
||||||
@extend .ui-symbol;
|
|
||||||
// Color and styling additionally in _controls.scss
|
|
||||||
}
|
|
||||||
|
|
||||||
body.desktop .mini-tab {
|
|
||||||
// Meant to be used as pane hide/show control elements in concert with mct-splitter
|
|
||||||
$iconH: $uePaneMiniTabH;
|
|
||||||
$iconW: $uePaneMiniTabW;
|
|
||||||
$iconInnerLR: 0;
|
|
||||||
$arwD: 9px;
|
|
||||||
$arwOffsetX: 0px;
|
|
||||||
$arwAnimOffsetX: 2px + $iconInnerLR;
|
|
||||||
$cBg: pullForward($colorBodyBg, 15%);
|
|
||||||
$cFg: $cBg;
|
|
||||||
|
|
||||||
|
|
||||||
border-radius: $basicCr;
|
|
||||||
//@include boxShdw($shdwBtns);
|
|
||||||
box-sizing: border-box;
|
|
||||||
@include trans-prop-nice((color, background-color), 100ms);
|
|
||||||
color: $cFg;
|
|
||||||
cursor: pointer;
|
|
||||||
font-family: symbolsfont;
|
|
||||||
font-size: $arwD;
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
line-height: $iconH;
|
|
||||||
height: $iconH; width: $iconW;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
&.collapsed {
|
|
||||||
// State when the pane this element controls has been collapsed
|
|
||||||
@include btnSubtle($colorBtnBg, $colorKey, $colorBtnFg, $colorBtnIcon);
|
|
||||||
&:before { opacity: 0; }
|
|
||||||
&:after { opacity: 1; }
|
|
||||||
&:hover {
|
|
||||||
&:before { opacity: 1; }
|
|
||||||
&:after { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before,
|
|
||||||
&:after {
|
|
||||||
@include trans-prop-nice((left, right, opacity), 250ms);
|
|
||||||
display: block;
|
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
// Always the arrow icon
|
|
||||||
width: $arwD;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
// Always icon; content is set in _layout.scss
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.anchor-left {
|
|
||||||
// |<
|
|
||||||
text-align: right;
|
|
||||||
&:before {
|
|
||||||
content:'\3c'; // Collapse left icon e613
|
|
||||||
right: $iconInnerLR;
|
|
||||||
}
|
|
||||||
&.collapsed {
|
|
||||||
@include border-left-radius(0);
|
|
||||||
text-align: left;
|
|
||||||
&:before {
|
|
||||||
content:'\3e';
|
|
||||||
left: $iconInnerLR;
|
|
||||||
}
|
|
||||||
&:hover:before { left: $arwAnimOffsetX; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.anchor-right {
|
|
||||||
// >|
|
|
||||||
text-align: left;
|
|
||||||
&:before {
|
|
||||||
content:'\3e'; // Collapse right icon e614
|
|
||||||
left: $iconInnerLR;
|
|
||||||
}
|
|
||||||
&.collapsed {
|
|
||||||
@include border-right-radius(0);
|
|
||||||
&:before {
|
|
||||||
text-align: right;
|
|
||||||
content:'\3c';
|
|
||||||
right: $iconInnerLR;
|
|
||||||
}
|
|
||||||
&:hover:before { right: $arwAnimOffsetX; }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body.desktop .mini-tab-icon {
|
body.desktop .mini-tab-icon {
|
||||||
// Meant to be used as pane hide/show control elements in concert with mct-splitter
|
// Meant to be used as pane hide/show control elements in concert with mct-splitter
|
||||||
$d: $uePaneMiniTabW;
|
// Font glyphs set in _layout.scss
|
||||||
color: pullForward($colorBodyBg, 15%);
|
background-color: $colorMiniTabBg;
|
||||||
|
color: $colorMiniTabFg;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: block;
|
||||||
font-family: symbolsfont;
|
font-family: 'symbolsfont';
|
||||||
font-size: $d;
|
font-size: $uePaneMiniTabFontSize;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: $d; width: $d;
|
height: $uePaneMiniTabH; width: $uePaneMiniTabW;
|
||||||
line-height: $d;
|
line-height: $uePaneMiniTabH;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
word-break: break-all;
|
text-align: center;
|
||||||
|
|
||||||
&.collapsed {
|
|
||||||
$d: $uePaneMiniTabCollapsedW;
|
|
||||||
width: $d; font-size: $d;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before,
|
|
||||||
&:after {
|
|
||||||
position: absolute;
|
|
||||||
display: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: '\78'; // X icon
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $colorKey;
|
background-color: $colorMiniTabBgHov;
|
||||||
|
color: $colorMiniTabFgHov;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-btn-set {
|
.l-btn-set {
|
||||||
// Buttons that have a very tight conceptual grouping - no internal space between them.
|
// Buttons that have a very tight conceptual grouping - no internal space between them.
|
||||||
// Structure: .btn-set > mct-representation class=first|last > .s-btn
|
// Structure: .btn-set > mct-representation class=first|last > .s-button
|
||||||
font-size: 0; // Remove space between s-btn elements due to white space in markup
|
font-size: 0; // Remove space between s-button elements due to white space in markup
|
||||||
|
|
||||||
.s-btn {
|
.s-button {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
margin-left: 1px;
|
margin-left: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.first {
|
.first {
|
||||||
.s-btn,
|
.s-button,
|
||||||
&.s-btn {
|
&.s-button {
|
||||||
@include border-left-radius($controlCr);
|
@include border-left-radius($controlCr);
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.last {
|
.last {
|
||||||
.s-btn,
|
.s-button,
|
||||||
&.s-btn {
|
&.s-button {
|
||||||
@include border-right-radius($controlCr);
|
@include border-right-radius($controlCr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.paused {
|
.paused {
|
||||||
&:not(.s-btn) {
|
&:not(.s-button) {
|
||||||
border-color: $colorPausedBg !important;
|
border-color: $colorPausedBg !important;
|
||||||
color: $colorPausedBg !important;
|
color: $colorPausedBg !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -40,13 +40,15 @@
|
|||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
color: $colorSelectedColor;
|
color: $colorSelectedColor;
|
||||||
display: block;
|
display: block;
|
||||||
font-family: 'symbolsfont';
|
|
||||||
float: left;
|
float: left;
|
||||||
height: $d; width: $d;
|
height: $d; width: $d;
|
||||||
line-height: $d;
|
line-height: $d * 0.9;
|
||||||
margin: 0 ($m * 1px) ($m * 1px) 0;
|
margin: 0 ($m * 1px) ($m * 1px) 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
&:before {
|
||||||
|
// Check mark for selected items
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-palette-item {
|
.s-palette-item {
|
||||||
|
|||||||
@ -72,6 +72,23 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.s-icon-button {
|
||||||
|
// Clickable icon elements that have hover
|
||||||
|
@extend .ui-symbol;
|
||||||
|
color: $colorClickIcon;
|
||||||
|
&:hover {
|
||||||
|
color: $colorClickIconHov;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.s-toggle-icon {
|
||||||
|
// Has default (in-active) and .active states
|
||||||
|
@extend .s-icon-button;
|
||||||
|
color: $colorToggleIcon;
|
||||||
|
&:hover { color: rgba($colorToggleIconHov, 0.5); }
|
||||||
|
&.active { color: $colorToggleIconActive; }
|
||||||
|
}
|
||||||
|
|
||||||
.l-composite-control {
|
.l-composite-control {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
&:not(.l-inline) {
|
&:not(.l-inline) {
|
||||||
@ -166,10 +183,10 @@ label.radio.custom {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
label.checkbox.custom input:checked ~ em:before { content: "\32"; }
|
label.checkbox.custom input:checked ~ em:before { content: $glyph-icon-check; }
|
||||||
label.radio.custom input:checked ~ em:before { content: "\e619"; }
|
label.radio.custom input:checked ~ em:before { content: $glyph-icon-bullet; }
|
||||||
|
|
||||||
.s-menu-btn label.checkbox.custom {
|
.s-menu-button label.checkbox.custom {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -218,10 +235,12 @@ input[type="search"] {
|
|||||||
|
|
||||||
/******************************************************** SELECTS */
|
/******************************************************** SELECTS */
|
||||||
.select {
|
.select {
|
||||||
@include btnSubtle($colorSelectBg);
|
@include btnSubtle($bg: $colorSelectBg);
|
||||||
|
@extend .icon-arrow-down; // Context arrow
|
||||||
@if $shdwBtns != none {
|
@if $shdwBtns != none {
|
||||||
margin: 0 0 2px 0; // Needed to avoid dropshadow from being clipped by parent containers
|
margin: 0 0 2px 0; // Needed to avoid dropshadow from being clipped by parent containers
|
||||||
}
|
}
|
||||||
|
display: inline-block;
|
||||||
padding: 0 $interiorMargin;
|
padding: 0 $interiorMargin;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -239,10 +258,11 @@ input[type="search"] {
|
|||||||
margin: $interiorMargin 0; // Firefox
|
margin: $interiorMargin 0; // Firefox
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&:after {
|
&:before {
|
||||||
@include contextArrow();
|
//@include contextArrow();
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
color: rgba($colorSelectFg, percentToDecimal($contrastInvokeMenuPercent));
|
color: rgba($colorSelectFg, percentToDecimal($contrastInvokeMenuPercent));
|
||||||
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: $interiorMargin; top: 0;
|
right: $interiorMargin; top: 0;
|
||||||
}
|
}
|
||||||
@ -439,17 +459,13 @@ input[type="search"] {
|
|||||||
width: $pagerW;
|
width: $pagerW;
|
||||||
@extend .ui-symbol;
|
@extend .ui-symbol;
|
||||||
&.prev {
|
&.prev {
|
||||||
|
@extend .icon-arrow-left;
|
||||||
right: auto;
|
right: auto;
|
||||||
&:before {
|
|
||||||
content: "\3c";
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&.next {
|
&.next {
|
||||||
|
@extend .icon-arrow-right;
|
||||||
left: auto;
|
left: auto;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
&:before {
|
|
||||||
content: "\3e";
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.val {
|
.val {
|
||||||
@ -539,12 +555,11 @@ textarea {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/******************************************************** MISC */
|
/******************************************************** MISC */
|
||||||
.context-available,
|
.context-available {
|
||||||
.s-icon-btn {
|
@extend .icon-arrow-down;
|
||||||
$c: $colorKey;
|
color: $colorKey;
|
||||||
color: $c;
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: lighten($c, 10%);
|
color: $colorKeyHov;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -20,34 +20,41 @@
|
|||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
/******************************************************** MENU BUTTONS */
|
/******************************************************** MENU BUTTONS */
|
||||||
.s-menu-btn {
|
.s-menu-button {
|
||||||
// Formerly .btn-menu
|
// Formerly .btn-menu
|
||||||
@extend .s-btn;
|
@extend .s-button;
|
||||||
span.l-click-area {
|
span.l-click-area {
|
||||||
// In markup, this element should not enclose anything.
|
// In markup, this element should not enclose anything.
|
||||||
@extend .abs;
|
@extend .abs;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
font-size: 120%;
|
font-size: 16px; //120%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-label {
|
.title-label {
|
||||||
margin-left: $interiorMarginSm;
|
margin-left: $interiorMarginSm;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.color-swatch {
|
||||||
|
// Used in color menu buttons in toolbar
|
||||||
|
$d: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid rgba($colorBtnFg, 0.2);
|
||||||
|
height: $d; width: $d;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-left: $interiorMarginSm;
|
||||||
|
margin-top: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
&:after {
|
&:after {
|
||||||
// Adds the downward facing 'context available / invoke menu' arrow element
|
// Adds the downward facing 'context available / invoke menu' arrow element
|
||||||
@include contextArrow();
|
@include contextArrow();
|
||||||
color: rgba($colorInvokeMenu, percentToDecimal($contrastInvokeMenuPercent));
|
color: rgba($colorInvokeMenu, percentToDecimal($contrastInvokeMenuPercent));
|
||||||
}
|
}
|
||||||
|
|
||||||
&.create-btn {
|
&.create-button {
|
||||||
&:before {
|
@extend .icon-plus;
|
||||||
content:'\2b';
|
|
||||||
display: inline;
|
|
||||||
font-family: symbolsfont;
|
|
||||||
}
|
|
||||||
.title-label {
|
.title-label {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
@ -56,9 +63,6 @@
|
|||||||
.menu {
|
.menu {
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
.ui-symbol.icon {
|
|
||||||
width: 12px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -77,6 +81,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
|
// TODO: reduce size of icons
|
||||||
@extend .s-menu;
|
@extend .s-menu;
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -86,7 +91,8 @@
|
|||||||
li {
|
li {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-top: 1px solid pullForward($colorMenuBg, 10%);
|
border-top: 1px solid pullForward($colorMenuBg, 10%);
|
||||||
color: pullForward($colorMenuBg, 60%);
|
color: $colorMenuFg;
|
||||||
|
//color: pullForward($colorMenuBg, 60%);
|
||||||
line-height: $menuLineH;
|
line-height: $menuLineH;
|
||||||
padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 2) + $treeTypeIconW;
|
padding: $interiorMarginSm $interiorMargin * 2 $interiorMarginSm ($interiorMargin * 2) + $treeTypeIconW;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -97,33 +103,37 @@
|
|||||||
&:hover {
|
&:hover {
|
||||||
background: $colorMenuHovBg;
|
background: $colorMenuHovBg;
|
||||||
color: $colorMenuHovFg;
|
color: $colorMenuHovFg;
|
||||||
.icon {
|
&:before {
|
||||||
color: $colorMenuHovIc;
|
color: $colorMenuHovIc;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.type-icon {
|
|
||||||
left: $interiorMargin * 2;
|
|
||||||
}
|
}
|
||||||
|
&:before {
|
||||||
|
@extend .ui-symbol;
|
||||||
|
@extend .type-icon;
|
||||||
|
@extend .icon;
|
||||||
|
display: inline-block;
|
||||||
|
left: $interiorMargin * 2;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu,
|
.menu,
|
||||||
|
.icon-menu,
|
||||||
.context-menu,
|
.context-menu,
|
||||||
.super-menu,
|
.super-menu,
|
||||||
.s-menu-btn .menu {
|
.s-menu-button .menu {
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
ul li {
|
ul li {
|
||||||
a {
|
a.menu-item-a {
|
||||||
color: $colorMenuFg;
|
color: $colorMenuFg;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.icon {
|
&:before,
|
||||||
color: $colorMenuIc;
|
a.menu-item-a:before {
|
||||||
}
|
color: $colorMenuIc;
|
||||||
.type-icon {
|
left: $interiorMargin;
|
||||||
left: $interiorMargin;
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -148,7 +158,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.type-icon {
|
&:before {
|
||||||
|
// Type icon
|
||||||
left: 25px;
|
left: 25px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -62,6 +62,12 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.subdued {
|
||||||
|
.status-indicator {
|
||||||
|
color: pullForward($colorStatusBarBg, 40%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.status-block-holder {
|
.status-block-holder {
|
||||||
// Applied to mct-include element
|
// Applied to mct-include element
|
||||||
// Contains status.block elements
|
// Contains status.block elements
|
||||||
@ -122,7 +128,7 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.s-btn {
|
.s-button {
|
||||||
background: $colorStatusBtnBg;
|
background: $colorStatusBtnBg;
|
||||||
padding: 0 $interiorMargin;
|
padding: 0 $interiorMargin;
|
||||||
height: auto;
|
height: auto;
|
||||||
@ -233,7 +239,7 @@
|
|||||||
@mixin messageBlock($iconW: 32px) {
|
@mixin messageBlock($iconW: 32px) {
|
||||||
.type-icon.message-type {
|
.type-icon.message-type {
|
||||||
@include txtShdw($shdwStatusIc);
|
@include txtShdw($shdwStatusIc);
|
||||||
&:before { content:"\e608"; }
|
@extend .icon-bell;
|
||||||
color: $colorStatusDefault;
|
color: $colorStatusDefault;
|
||||||
font-size: $iconW;
|
font-size: $iconW;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
@ -241,15 +247,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.message-severity-info .type-icon.message-type {
|
.message-severity-info .type-icon.message-type {
|
||||||
&:before { content:"\e608"; }
|
@extend .icon-info;
|
||||||
color: $colorStatusInfo;
|
color: $colorStatusInfo;
|
||||||
}
|
}
|
||||||
.message-severity-alert .type-icon.message-type {
|
.message-severity-alert .type-icon.message-type {
|
||||||
&:before { content:"\e610"; }
|
@extend .icon-bell;
|
||||||
color: $colorStatusAlert;
|
color: $colorStatusAlert;
|
||||||
}
|
}
|
||||||
.message-severity-error .type-icon.message-type {
|
.message-severity-error .type-icon.message-type {
|
||||||
&:before { content:"\21"; }
|
@extend .icon-alert-rect;
|
||||||
color: $colorStatusError;
|
color: $colorStatusError;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -272,12 +278,10 @@
|
|||||||
@include flex-direction(row);
|
@include flex-direction(row);
|
||||||
@include align-items(stretch);
|
@include align-items(stretch);
|
||||||
.type-icon.message-type {
|
.type-icon.message-type {
|
||||||
//@include test(red);
|
|
||||||
@include flex(0 1 auto);
|
@include flex(0 1 auto);
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.message-contents {
|
.message-contents {
|
||||||
//@include test(blue);
|
|
||||||
@include flex(1 1 auto);
|
@include flex(1 1 auto);
|
||||||
margin-left: $overlayMargin;
|
margin-left: $overlayMargin;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@ -8,6 +8,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.l-timer {
|
&.l-timer {
|
||||||
|
.l-value:before,
|
||||||
|
.control {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.l-value:before {
|
||||||
|
// Direction +/- element
|
||||||
|
margin-right: $interiorMarginSm;
|
||||||
|
}
|
||||||
.control {
|
.control {
|
||||||
@include trans-prop-nice((width, opacity), $transTime);
|
@include trans-prop-nice((width, opacity), $transTime);
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
@ -25,8 +34,5 @@
|
|||||||
.value {
|
.value {
|
||||||
color: pullForward($colorBodyFg, 50%);
|
color: pullForward($colorBodyFg, 50%);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
.direction {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -36,7 +36,7 @@
|
|||||||
.btns-add-remove {
|
.btns-add-remove {
|
||||||
// background: rgba(#ff0000, 0.3);;
|
// background: rgba(#ff0000, 0.3);;
|
||||||
margin-top: 150px;
|
margin-top: 150px;
|
||||||
.s-btn {
|
.s-button {
|
||||||
display: block;
|
display: block;
|
||||||
//font-size: 1.5em;
|
//font-size: 1.5em;
|
||||||
margin-bottom: $interiorMargin;
|
margin-bottom: $interiorMargin;
|
||||||
|
|||||||
@ -136,18 +136,13 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-validate {
|
|
||||||
.form .form-row >.label {
|
|
||||||
padding-right: 0;
|
|
||||||
&:after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.hint,
|
.hint,
|
||||||
.s-hint {
|
.s-hint {
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
.req {
|
||||||
|
color: $colorFormRequired;
|
||||||
|
font-size: 0.7rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.l-result {
|
.l-result {
|
||||||
|
|||||||
@ -85,6 +85,7 @@
|
|||||||
.l-filter {
|
.l-filter {
|
||||||
$iconEdgeM: 4px;
|
$iconEdgeM: 4px;
|
||||||
$iconD: $formInputH - ($iconEdgeM * 2);
|
$iconD: $formInputH - ($iconEdgeM * 2);
|
||||||
|
@extend .icon-magnify;
|
||||||
// Adds a magnifying glass before, holds an input and a clear button
|
// Adds a magnifying glass before, holds an input and a clear button
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -106,7 +107,6 @@
|
|||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
// Magnify glass icon
|
// Magnify glass icon
|
||||||
content:'\4d';
|
|
||||||
left: $interiorMargin;
|
left: $interiorMargin;
|
||||||
@include trans-prop-nice(color, 250ms);
|
@include trans-prop-nice(color, 250ms);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
@ -144,11 +144,4 @@
|
|||||||
&:hover:before {
|
&:hover:before {
|
||||||
color: pullForward($colorInputIcon, 10%);
|
color: pullForward($colorInputIcon, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-icon {
|
|
||||||
// 'x' in circle icon
|
|
||||||
&:before {
|
|
||||||
content: '\e607';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
@ -19,43 +19,44 @@
|
|||||||
* this source code distribution or the Licensing information page available
|
* this source code distribution or the Licensing information page available
|
||||||
* at runtime from the About dialog for additional information.
|
* at runtime from the About dialog for additional information.
|
||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
.validates {
|
mct-form.validates {
|
||||||
> .label {
|
.form-row.validates {
|
||||||
padding-right: $reqSymbolM; // Keep room for validation element
|
> .label {
|
||||||
&::after {
|
padding-right: $reqSymbolM; // Keep room for validation element
|
||||||
position: absolute;
|
&:before {
|
||||||
right: $interiorMargin;
|
position: absolute;
|
||||||
font-family: symbolsfont;
|
right: $interiorMargin;
|
||||||
font-size: $reqSymbolFontSize;
|
font-size: $reqSymbolFontSize;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: 200%;
|
line-height: 200%;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.invalid,
|
||||||
|
&.invalid.req {
|
||||||
|
> .label {
|
||||||
|
@extend .icon-x;
|
||||||
|
&:before {
|
||||||
|
color: $colorFormInvalid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.valid,
|
||||||
|
&.valid.req {
|
||||||
|
> .label {
|
||||||
|
@extend .icon-check;
|
||||||
|
&:before {
|
||||||
|
color: $colorFormValid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&.req {
|
||||||
|
> .label {
|
||||||
|
@extend .icon-asterisk;
|
||||||
|
&:before {
|
||||||
|
color: $colorFormRequired;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.invalid,
|
|
||||||
&.invalid.req {
|
|
||||||
> .label::after {
|
|
||||||
color: $colorFormInvalid;
|
|
||||||
content: "x";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.valid,
|
|
||||||
&.valid.req {
|
|
||||||
> .label::after {
|
|
||||||
color: $colorFormValid;
|
|
||||||
content: "2";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.req {
|
|
||||||
> .label::after {
|
|
||||||
color: $colorFormRequired;
|
|
||||||
content: "*";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.req {
|
|
||||||
font-size: $reqSymbolFontSize;
|
|
||||||
}
|
|
||||||
span.req {
|
|
||||||
color: $colorFormRequired;
|
|
||||||
}
|
}
|
||||||
@ -26,7 +26,6 @@
|
|||||||
// Main width is used to provide a good click area, and is always transparent
|
// Main width is used to provide a good click area, and is always transparent
|
||||||
// :after will be a positioned and colored element that is the handle
|
// :after will be a positioned and colored element that is the handle
|
||||||
|
|
||||||
//@include test(red);
|
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
@ -37,6 +36,7 @@
|
|||||||
@include absPosDefault(0);
|
@include absPosDefault(0);
|
||||||
background: $colorSplitterBg;
|
background: $colorSplitterBg;
|
||||||
display: block;
|
display: block;
|
||||||
|
z-index: 4;
|
||||||
|
|
||||||
@if $splitterEndCr != 'none' {
|
@if $splitterEndCr != 'none' {
|
||||||
border-radius: $splitterEndCr;
|
border-radius: $splitterEndCr;
|
||||||
@ -61,7 +61,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.split-layout {
|
.split-layout {
|
||||||
$inset: splitterHandleInset($splitterD,$splitterHandleD);
|
$inset: splitterHandleInset($splitterD, $splitterHandleD);
|
||||||
&.horizontal {
|
&.horizontal {
|
||||||
// Slides vertically up and down, splitting the element horizontally
|
// Slides vertically up and down, splitting the element horizontally
|
||||||
overflow: hidden; // Suppress overall scroll; each internal pane handles its own overflow
|
overflow: hidden; // Suppress overall scroll; each internal pane handles its own overflow
|
||||||
@ -102,17 +102,16 @@
|
|||||||
cursor: col-resize;
|
cursor: col-resize;
|
||||||
top: 0;
|
top: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
&:not(.flush-right) {
|
width: $splitterD;
|
||||||
width: $splitterD;
|
&:after {
|
||||||
&:after {
|
left: $inset; right: $inset;
|
||||||
left: $inset; right: $inset;
|
//width: $splitterHandleD;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
&.flush-right {
|
&.flush-right {
|
||||||
width: ceil($splitterD / 2);
|
width: ceil($splitterD / 2);
|
||||||
&:after {
|
&:after {
|
||||||
background-color: transparent;
|
width: $splitterHandleD;
|
||||||
left: auto; right: 0; width: $splitterHandleD;
|
left: auto; right: 0;
|
||||||
}
|
}
|
||||||
&.edge-shdw {
|
&.edge-shdw {
|
||||||
@include background-image(linear-gradient(90deg, rgba(black, 0) 40%, rgba(black, 0.05) 70%, rgba(black, 0.2) 100%));
|
@include background-image(linear-gradient(90deg, rgba(black, 0) 40%, rgba(black, 0.05) 70%, rgba(black, 0.2) 100%));
|
||||||
@ -120,4 +119,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&.splitter-sm {
|
||||||
|
$inset: splitterHandleInset($splitterDSm, $splitterHandleD);
|
||||||
|
.horizontal >.splitter {
|
||||||
|
height: $splitterDSm;
|
||||||
|
&:after { top: $inset; bottom: $inset; }
|
||||||
|
}
|
||||||
|
.vertical >.splitter {
|
||||||
|
width: $splitterDSm;
|
||||||
|
&:after { left: $inset; right: $inset; }
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -31,7 +31,7 @@
|
|||||||
$iconMargin: 40px;
|
$iconMargin: 40px;
|
||||||
$iconD: ($d - ($iconMargin * 2)) * 0.85;
|
$iconD: ($d - ($iconMargin * 2)) * 0.85;
|
||||||
$transTime: 200ms;
|
$transTime: 200ms;
|
||||||
@include btnSubtle($colorItemBg, $colorItemBgHov, $colorItemFg, $colorItemIc);
|
@include btnSubtle($bg: $colorItemBg, $bgHov: $colorItemBgHov, $fg: $colorItemFg, $fgHov: pullForward($colorItemFg, $hoverRatioPercent), $ic: $colorItemIc);
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
float: left;
|
float: left;
|
||||||
@ -91,7 +91,7 @@
|
|||||||
font-size: $iconD * 0.95;
|
font-size: $iconD * 0.95;
|
||||||
&.l-icon-link {
|
&.l-icon-link {
|
||||||
.t-item-icon-glyph {
|
.t-item-icon-glyph {
|
||||||
&:before {
|
&:after {
|
||||||
@include transform(scale(0.25));
|
@include transform(scale(0.25));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -121,7 +121,7 @@
|
|||||||
&.selected {
|
&.selected {
|
||||||
$cfg: lighten($colorItemBgSelected, 35%);
|
$cfg: lighten($colorItemBgSelected, 35%);
|
||||||
$cfgh: lighten($cfg, 30%);
|
$cfgh: lighten($cfg, 30%);
|
||||||
@include btnSubtle($colorItemBgSelected);
|
@include btnSubtle($bg: $colorItemBgSelected);
|
||||||
color: $cfg;
|
color: $cfg;
|
||||||
.item-type, .top-bar .icon:not(.alert) { color: $cfg }
|
.item-type, .top-bar .icon:not(.alert) { color: $cfg }
|
||||||
.item-main .item-open { color: $cfg }
|
.item-main .item-open { color: $cfg }
|
||||||
|
|||||||
@ -86,12 +86,12 @@ table {
|
|||||||
color: $colorIconLink;
|
color: $colorIconLink;
|
||||||
font-family: symbolsfont;
|
font-family: symbolsfont;
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
content: "\ed";
|
content: "\e906";
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: $interiorMarginSm;
|
margin-left: $interiorMarginSm;
|
||||||
}
|
}
|
||||||
&.sort.desc:after {
|
&.sort.desc:after {
|
||||||
content: "\ec";
|
content: "\e907";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.sortable {
|
&.sortable {
|
||||||
@ -119,19 +119,12 @@ table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.filterable {
|
&.filterable {
|
||||||
thead, .thead {
|
|
||||||
tr.s-filters, .tr.s-filters {
|
|
||||||
th, .th {
|
|
||||||
//border-left: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
tbody, .tbody {
|
tbody, .tbody {
|
||||||
top: $tabularHeaderH * 2;
|
top: $tabularHeaderH * 2;
|
||||||
}
|
}
|
||||||
input[type="text"] {
|
input[type="text"] {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%; //50px;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -182,7 +175,7 @@ table {
|
|||||||
.tabular-holder {
|
.tabular-holder {
|
||||||
&.t-exportable {
|
&.t-exportable {
|
||||||
$btnExportH: $btnFrameH;
|
$btnExportH: $btnFrameH;
|
||||||
.s-btn.t-export {
|
.s-button.t-export {
|
||||||
@include trans-prop-nice(opacity, $dur: 50ms);
|
@include trans-prop-nice(opacity, $dur: 50ms);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
@ -191,7 +184,7 @@ table {
|
|||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
&:hover {
|
&:hover {
|
||||||
.s-btn.t-export {
|
.s-button.t-export {
|
||||||
@include trans-prop-nice(opacity, 150ms, 100ms);
|
@include trans-prop-nice(opacity, 150ms, 100ms);
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@ -202,5 +195,4 @@ table {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -37,7 +37,7 @@ body.mobile {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.create-btn-holder {
|
.create-button-holder {
|
||||||
// Hide the create button by default in mobile;
|
// Hide the create button by default in mobile;
|
||||||
// This can be overridden by the examples/mobile bundle
|
// This can be overridden by the examples/mobile bundle
|
||||||
display: none;
|
display: none;
|
||||||
@ -88,10 +88,7 @@ body.mobile {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: $bodyMargin + 2;
|
top: $bodyMargin + 2;
|
||||||
left: $bodyMargin;
|
left: $bodyMargin;
|
||||||
&:after {
|
@extend .icon-menu-hamburger;
|
||||||
content:'m' !important;
|
|
||||||
font-family: symbolsfont;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.object-browse-bar {
|
.object-browse-bar {
|
||||||
|
|||||||
@ -32,28 +32,37 @@ body.touch {
|
|||||||
.search-result-item {
|
.search-result-item {
|
||||||
height: $mobileTreeItemH !important;
|
height: $mobileTreeItemH !important;
|
||||||
line-height: $mobileTreeItemH !important;
|
line-height: $mobileTreeItemH !important;
|
||||||
margin-bottom: 0px !important;
|
|
||||||
.view-control {
|
.view-control {
|
||||||
font-size: 1.2em;
|
font-size: 1em;
|
||||||
margin-right: 0;
|
margin-right: $interiorMargin;
|
||||||
order: 2;
|
width: ceil($mobileTreeItemH * 0.75);
|
||||||
width: $mobileTreeItemH;
|
|
||||||
&.has-children {
|
&.has-children {
|
||||||
&:before {
|
&:before {
|
||||||
content: "\7d";
|
content: $glyph-icon-arrow-down;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@include transform(translateX(-50%) rotate(270deg));
|
@include transform(translateX(-50%) rotate(-90deg));
|
||||||
}
|
}
|
||||||
&.expanded:before {
|
&.expanded:before {
|
||||||
@include transform(translateX(-50%) rotate(90deg));
|
@include transform(translateX(-50%) rotate(0deg));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.t-object-label {
|
.t-object-label {
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
.t-item-icon.l-icon-link .t-item-icon-glyph:before {
|
.t-item-icon.l-icon-link .t-item-icon-glyph:after {
|
||||||
bottom: 20%; // Shift up due to height of mobile menu items
|
bottom: 20%; // Shift up due to height of mobile menu items
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pane.treeview {
|
||||||
|
.tree-item,
|
||||||
|
.search-result-item {
|
||||||
|
@include containerSubtle($bg: $colorMobilePaneLeftTreeItemBg, $gradRatio: 2%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.selector-list .tree-item {
|
||||||
|
@include containerBase($bg: $colorMobileSelectListTreeItemBg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
background: $colorOvrBlocker;
|
background: $colorOvrBlocker;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
.clk-icon.close {
|
.close {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: $interiorMarginLg;
|
top: $interiorMarginLg;
|
||||||
@ -87,7 +87,7 @@
|
|||||||
|
|
||||||
.bottom-bar {
|
.bottom-bar {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
.s-btn {
|
.s-button {
|
||||||
$bg: $colorOvrBtnBg;
|
$bg: $colorOvrBtnBg;
|
||||||
&:not(.major) {
|
&:not(.major) {
|
||||||
@include btnSubtle($bg, pullForward($bg, 10%), $colorOvrBtnFg, $colorOvrBtnFg);
|
@include btnSubtle($bg, pullForward($bg, 10%), $colorOvrBtnFg, $colorOvrBtnFg);
|
||||||
|
|||||||
@ -23,17 +23,9 @@
|
|||||||
.clear-icon,
|
.clear-icon,
|
||||||
.menu-icon {
|
.menu-icon {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-family: symbolsfont;
|
|
||||||
@include trans-prop-nice((opacity, color), 150ms);
|
@include trans-prop-nice((opacity, color), 150ms);
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-icon {
|
|
||||||
// 'x' in circle icon
|
|
||||||
&:before {
|
|
||||||
content: '\e607';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.holder-search {
|
.holder-search {
|
||||||
$iconWidth: 20px;
|
$iconWidth: 20px;
|
||||||
|
|
||||||
@ -41,6 +33,7 @@
|
|||||||
$textInputHeight: 19px; // This is equal to the default value, 19px
|
$textInputHeight: 19px; // This is equal to the default value, 19px
|
||||||
$iconEdgeM: 4px;
|
$iconEdgeM: 4px;
|
||||||
$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
|
$iconD: $treeSearchInputBarH - ($iconEdgeM*2);
|
||||||
|
@extend .icon-magnify;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
@ -50,16 +43,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:before,
|
&:before,
|
||||||
.clear-icon,
|
.clear-input,
|
||||||
.menu-icon {
|
.menu-icon {
|
||||||
|
// :before is magnify glass icon
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: $colorInputIcon;
|
color: $colorInputIcon;
|
||||||
height: $iconD;
|
height: $iconD;
|
||||||
width: $iconD;
|
width: $iconD;
|
||||||
line-height: $iconD;
|
line-height: $iconD;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
top: $iconEdgeM;
|
top: $iconEdgeM;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-input {
|
.search-input {
|
||||||
@ -76,8 +70,6 @@
|
|||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
// Magnify glass icon
|
// Magnify glass icon
|
||||||
content:'\4d';
|
|
||||||
font-family: symbolsfont;
|
|
||||||
left: $interiorMarginSm;
|
left: $interiorMarginSm;
|
||||||
@include trans-prop-nice(color, 250ms);
|
@include trans-prop-nice(color, 250ms);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
@ -89,7 +81,8 @@
|
|||||||
color: pullForward($colorInputIcon, 10%);
|
color: pullForward($colorInputIcon, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.clear-icon {
|
.clear-input {
|
||||||
|
// Hiding for now with addition of Cancel button
|
||||||
right: $iconD + $interiorMargin;
|
right: $iconD + $interiorMargin;
|
||||||
|
|
||||||
// Icon is visible only when there is text input
|
// Icon is visible only when there is text input
|
||||||
@ -107,12 +100,10 @@
|
|||||||
|
|
||||||
.menu-icon {
|
.menu-icon {
|
||||||
// 'v' invoke menu icon
|
// 'v' invoke menu icon
|
||||||
&:before { content: '\76'; }
|
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
padding-right: $iconEdgeM;
|
padding-right: $iconEdgeM;
|
||||||
right: $iconEdgeM;
|
right: $iconEdgeM;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: pullForward($colorInputIcon, 10%);
|
color: pullForward($colorInputIcon, 10%);
|
||||||
}
|
}
|
||||||
@ -126,20 +117,25 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.results-msg {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
}
|
||||||
|
|
||||||
.active-filter-display {
|
.active-filter-display {
|
||||||
$s: 0.7em;
|
$s: 0.7em;
|
||||||
$p: $interiorMargin;
|
$p: $interiorMargin;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
line-height: 130%;
|
line-height: 130%;
|
||||||
padding-left: $s * 2.25;
|
//padding-left: $s * 2.25;
|
||||||
font-size: $s;
|
font-size: $s;
|
||||||
|
|
||||||
.clear-filters-icon {
|
.clear-filters {
|
||||||
color: $colorInputIcon;
|
color: $colorInputIcon;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
font-size: 0.8em;
|
font-size: 0.9em;
|
||||||
position: absolute;
|
margin-right: $interiorMarginSm;
|
||||||
left: 1px;
|
//position: absolute;
|
||||||
|
//left: 1px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -21,52 +21,57 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
|
|
||||||
ul.tree {
|
ul.tree {
|
||||||
@include menuUlReset();
|
@include menuUlReset();
|
||||||
@include user-select(none);
|
@include user-select(none);
|
||||||
li {
|
li {
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
ul.tree {
|
ul.tree {
|
||||||
margin-left: $treeVCW + $interiorMargin;
|
margin-left: $treeVCW + $interiorMargin;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tree-item,
|
.tree-item,
|
||||||
.search-result-item {
|
.search-result-item {
|
||||||
@extend .l-flex-row;
|
@extend .l-flex-row;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: $basicCr;
|
border-radius: $basicCr;
|
||||||
@include transition(background-color, 0.25s);
|
@include transition(background-color, 0.25s);
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
height: $menuLineH;
|
height: $menuLineH;
|
||||||
line-height: $menuLineH;
|
line-height: $menuLineH;
|
||||||
margin-bottom: $interiorMarginSm;
|
margin-bottom: $interiorMarginSm;
|
||||||
padding: 0 $interiorMarginSm;
|
padding: 0 $interiorMarginSm;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.view-control {
|
.flex-elem {
|
||||||
color: $colorItemTreeVC;
|
height: inherit !important;
|
||||||
|
line-height: inherit !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.view-control {
|
||||||
|
color: $colorItemTreeVC;
|
||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
margin-right: $interiorMargin;
|
margin-right: $interiorMargin;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
width: $treeVCW;
|
width: $treeVCW;
|
||||||
&.has-children {
|
&.has-children {
|
||||||
&:before {
|
&:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@include trans-prop-nice(transform, 100ms);
|
@include trans-prop-nice(transform, 100ms);
|
||||||
content: "\3e";
|
content: "\e904";
|
||||||
@include transform-origin(center);
|
@include transform-origin(center);
|
||||||
}
|
}
|
||||||
&.expanded:before {
|
&.expanded:before {
|
||||||
@include transform(rotate(90deg));
|
@include transform(rotate(90deg));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.t-object-label {
|
.t-object-label {
|
||||||
line-height: $menuLineH;
|
line-height: $menuLineH;
|
||||||
.t-item-icon {
|
.t-item-icon {
|
||||||
@include txtShdwSubtle($shdwItemTreeIcon);
|
@include txtShdwSubtle($shdwItemTreeIcon);
|
||||||
font-size: $treeTypeIconH;
|
font-size: $treeTypeIconH;
|
||||||
@ -76,34 +81,34 @@ ul.tree {
|
|||||||
.t-title-label {
|
.t-title-label {
|
||||||
@include ellipsize();
|
@include ellipsize();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.selected {
|
&.selected {
|
||||||
background: $colorItemTreeSelectedBg;
|
background: $colorItemTreeSelectedBg !important;
|
||||||
color: $colorItemTreeSelectedFg;
|
color: $colorItemTreeSelectedFg !important;
|
||||||
.view-control {
|
.view-control {
|
||||||
color: $colorItemTreeSelectedVC;
|
color: $colorItemTreeSelectedVC;
|
||||||
}
|
}
|
||||||
.t-object-label .t-item-icon {
|
.t-object-label .t-item-icon {
|
||||||
color: $colorItemTreeSelectedFg;
|
color: $colorItemTreeSelectedFg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:not(.loading) {
|
&:not(.loading) {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.context-trigger {
|
.context-trigger {
|
||||||
$h: 0.9rem;
|
$h: 0.9rem;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: $interiorMarginSm;
|
right: $interiorMarginSm;
|
||||||
.invoke-menu {
|
.invoke-menu {
|
||||||
font-size: 0.75em;
|
font-size: 0.75em;
|
||||||
height: $h;
|
height: $h;
|
||||||
line-height: $h;
|
line-height: $h;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body.desktop {
|
body.desktop {
|
||||||
@ -151,7 +156,7 @@ mct-representation {
|
|||||||
@extend .ui-symbol;
|
@extend .ui-symbol;
|
||||||
@include pulse($dur: 1s, $opacity0: 0.25);
|
@include pulse($dur: 1s, $opacity0: 0.25);
|
||||||
color: $colorItemTreeEditingFg;
|
color: $colorItemTreeEditingFg;
|
||||||
content: '\70';
|
content: $glyph-icon-pencil;
|
||||||
margin-right: $interiorMarginSm;
|
margin-right: $interiorMarginSm;
|
||||||
}
|
}
|
||||||
.t-object-label {
|
.t-object-label {
|
||||||
@ -164,6 +169,16 @@ mct-representation {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.view-control, + .tree-item-subtree { display: none; }
|
.view-control, + .tree-item-subtree {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.selected {
|
||||||
|
.t-title-label,
|
||||||
|
.t-item-icon,
|
||||||
|
&:before {
|
||||||
|
color: rgba($colorItemTreeSelectedFg, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -49,8 +49,8 @@
|
|||||||
left: $myM;
|
left: $myM;
|
||||||
}
|
}
|
||||||
&.frame-template {
|
&.frame-template {
|
||||||
.s-btn,
|
.s-button,
|
||||||
.s-menu-btn {
|
.s-menu-button {
|
||||||
height: $ohH;
|
height: $ohH;
|
||||||
line-height: $ohH;
|
line-height: $ohH;
|
||||||
padding: 0 $interiorMargin;
|
padding: 0 $interiorMargin;
|
||||||
@ -60,7 +60,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.s-menu-btn:after {
|
.s-menu-button:after {
|
||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -82,7 +82,7 @@
|
|||||||
top: auto;
|
top: auto;
|
||||||
height: $ueFooterH;
|
height: $ueFooterH;
|
||||||
line-height: $ueFooterH - ($interiorMargin * 2);
|
line-height: $ueFooterH - ($interiorMargin * 2);
|
||||||
background: $colorFooterBg;
|
background: $colorStatusBarBg;
|
||||||
color: lighten($colorBodyBg, 30%);
|
color: lighten($colorBodyBg, 30%);
|
||||||
font-size: .7rem;
|
font-size: .7rem;
|
||||||
.status-holder {
|
.status-holder {
|
||||||
@ -147,44 +147,40 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
body.desktop .pane .mini-tab-icon.toggle-pane {
|
body.desktop .pane .mini-tab-icon.toggle-pane {
|
||||||
$d: $uePaneMiniTabH;
|
$hi: splitterHandleInset($splitterD, $splitterHandleD);
|
||||||
$paneExpandedOffset: $splitterD + $uePaneMiniTabW;
|
$paneExpandedOffset: $hi + $splitterHandleD + $uePaneMiniTabW;
|
||||||
top: $bodyMargin;
|
top: $bodyMargin + ($ueTopBarH - $uePaneMiniTabH)/2;
|
||||||
height: $d;
|
|
||||||
line-height: $d;
|
&.toggle-tree.anchor-left.collapsed,
|
||||||
&:after {
|
&.toggle-inspect.anchor-right:not(.collapsed) {
|
||||||
// Always the icon that shows when the pane is collapsed
|
@extend .icon-arrow-right;
|
||||||
opacity: 0;
|
border-bottom-right-radius: $controlCr;
|
||||||
|
border-top-right-radius: $controlCr;
|
||||||
}
|
}
|
||||||
&.collapsed {
|
|
||||||
&:before {
|
&.toggle-tree.anchor-left:not(.collapsed),
|
||||||
opacity: 0;
|
&.toggle-inspect.anchor-right.collapsed {
|
||||||
}
|
@extend .icon-arrow-left;
|
||||||
&:after {
|
border-bottom-left-radius: $controlCr;
|
||||||
opacity: 1;
|
border-top-left-radius: $controlCr;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.toggle-tree.anchor-left {
|
&.toggle-tree.anchor-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
@include transform(translateX(-1 * $paneExpandedOffset));
|
@include transform(translateX(-1 * $paneExpandedOffset));
|
||||||
&:after {
|
|
||||||
content: '\6d'; // Menu 'hamburger' icon
|
|
||||||
}
|
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
left: 0;
|
@include transform(translateX(-1 * $ueCollapsedPaneEdgeM));
|
||||||
@include transform(translateX((-1 * $ueCollapsedPaneEdgeM) + $interiorMargin));
|
|
||||||
}
|
|
||||||
&:not(.collapsed):before {
|
|
||||||
@include trans-prop-nice(opacity, 200ms, 200ms);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.toggle-inspect.anchor-right {
|
&.toggle-inspect.anchor-right {
|
||||||
right: $bodyMargin;
|
right: 0;
|
||||||
&:after {
|
@include transform(translateX($paneExpandedOffset));
|
||||||
content: '\e615'; // Eye icon
|
&.flush-right {
|
||||||
|
@include transform(translateX(($uePaneMiniTabW + ceil($splitterD / 2))));
|
||||||
}
|
}
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
right: $interiorMargin;
|
@include transform(translateX($ueCollapsedPaneEdgeM));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -196,11 +192,11 @@ body.desktop .pane .mini-tab-icon.toggle-pane {
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: $interiorMargin;
|
bottom: $interiorMargin;
|
||||||
left: $bodyMargin;
|
left: $bodyMargin;
|
||||||
.create-btn-holder {
|
.create-button-holder {
|
||||||
&.s-status-editing {
|
&.s-status-editing {
|
||||||
display: none;
|
display: none;
|
||||||
& + .search-holder .search-bar {
|
& + .search-holder .search-bar {
|
||||||
// .search-holder is adjacent sibling to .create-btn-holder
|
// .search-holder is adjacent sibling to .create-button-holder
|
||||||
// Add right margin when create button is hidden, to make room for the collapse pane 'x' button
|
// Add right margin when create button is hidden, to make room for the collapse pane 'x' button
|
||||||
margin-right: $interiorMarginLg * 2;
|
margin-right: $interiorMarginLg * 2;
|
||||||
}
|
}
|
||||||
@ -220,7 +216,7 @@ body.desktop .pane .mini-tab-icon.toggle-pane {
|
|||||||
.holder-inspector {
|
.holder-inspector {
|
||||||
top: $bodyMargin;
|
top: $bodyMargin;
|
||||||
bottom: $interiorMargin;
|
bottom: $interiorMargin;
|
||||||
left: $bodyMargin;
|
left: $bodyMargin + $interiorMargin;
|
||||||
right: $bodyMargin;
|
right: $bodyMargin;
|
||||||
}
|
}
|
||||||
.holder-elements {
|
.holder-elements {
|
||||||
@ -241,11 +237,11 @@ body.desktop .pane .mini-tab-icon.toggle-pane {
|
|||||||
@include trans-prop-nice-resize(0.25s);
|
@include trans-prop-nice-resize(0.25s);
|
||||||
}
|
}
|
||||||
|
|
||||||
.object-browse-bar .s-btn,
|
.object-browse-bar .s-button,
|
||||||
.top-bar .buttons-main .s-btn,
|
.top-bar .buttons-main .s-button,
|
||||||
.top-bar .s-menu-btn,
|
.top-bar .s-menu-button,
|
||||||
.tool-bar .s-btn,
|
.tool-bar .s-button,
|
||||||
.tool-bar .s-menu-btn {
|
.tool-bar .s-menu-button {
|
||||||
$h: $btnToolbarH;
|
$h: $btnToolbarH;
|
||||||
height: $h;
|
height: $h;
|
||||||
line-height: $h;
|
line-height: $h;
|
||||||
|
|||||||
@ -19,13 +19,10 @@
|
|||||||
this source code distribution or the Licensing information page available
|
this source code distribution or the Licensing information page available
|
||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<a class="s-btn key-{{parameters.action.getMetadata().key}}"
|
<a class="s-button key-{{parameters.action.getMetadata().key}} {{parameters.action.getMetadata().cssclass}}"
|
||||||
ng-class="{ labeled: parameters.labeled }"
|
ng-class="{ labeled: parameters.labeled }"
|
||||||
title="{{parameters.action.getMetadata().description}}"
|
title="{{parameters.action.getMetadata().description}}"
|
||||||
ng-click="parameters.action.perform()">
|
ng-click="parameters.action.perform()">
|
||||||
<span class="ui-symbol icon">
|
|
||||||
{{parameters.action.getMetadata().glyph}}
|
|
||||||
</span>
|
|
||||||
<span class="title-label" ng-if="parameters.labeled">
|
<span class="title-label" ng-if="parameters.labeled">
|
||||||
{{parameters.action.getMetadata().name}}
|
{{parameters.action.getMetadata().name}}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@ -25,7 +25,7 @@
|
|||||||
<input type="search"
|
<input type="search"
|
||||||
class="t-filter-input"
|
class="t-filter-input"
|
||||||
ng-model="getterSetter.value"/>
|
ng-model="getterSetter.value"/>
|
||||||
<a class="clear-icon"
|
<a class="clear-icon icon-x-in-circle"
|
||||||
ng-class="{show: !(getterSetter.value === '' || getterSetter.value === undefined)}"
|
ng-class="{show: !(getterSetter.value === '' || getterSetter.value === undefined)}"
|
||||||
ng-click="getterSetter.value = ''">
|
ng-click="getterSetter.value = ''">
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@ -43,11 +43,11 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class='col col-2'>
|
<div class='col col-2'>
|
||||||
<div class='btn-holder valign-mid btns-add-remove'>
|
<div class='btn-holder valign-mid btns-add-remove'>
|
||||||
<a class='s-btn major'
|
<a class='s-button major'
|
||||||
ng-click="selector.select(selector.treeModel.selectedObject)">
|
ng-click="selector.select(selector.treeModel.selectedObject)">
|
||||||
<span class='ui-symbol'>></span>
|
<span class='ui-symbol'>></span>
|
||||||
</a>
|
</a>
|
||||||
<a class='s-btn major'
|
<a class='s-button major'
|
||||||
ng-click="selector.deselect(selector.listModel.selectedObject)">
|
ng-click="selector.deselect(selector.listModel.selectedObject)">
|
||||||
<span class='ui-symbol'><</span>
|
<span class='ui-symbol'><</span>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@ -20,26 +20,20 @@
|
|||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<span ng-controller="ViewSwitcherController">
|
<span ng-controller="ViewSwitcherController">
|
||||||
<div
|
<div class="view-switcher menu-element s-menu-button {{ngModel.selected.cssclass}}"
|
||||||
class="view-switcher menu-element s-menu-btn"
|
|
||||||
ng-if="view.length > 1"
|
ng-if="view.length > 1"
|
||||||
ng-controller="ClickAwayController as toggle"
|
ng-controller="ClickAwayController as toggle">
|
||||||
>
|
|
||||||
|
|
||||||
<span
|
<span class="l-click-area"
|
||||||
class="l-click-area"
|
|
||||||
ng-click="toggle.toggle()"
|
ng-click="toggle.toggle()"
|
||||||
title="{{ngModel.selected.name}}"
|
title="{{ngModel.selected.name}}"></span>
|
||||||
></span>
|
|
||||||
|
|
||||||
<span class="ui-symbol icon type-icon">{{ngModel.selected.glyph}}</span>
|
|
||||||
<span class="title-label">{{ngModel.selected.name}}</span>
|
<span class="title-label">{{ngModel.selected.name}}</span>
|
||||||
|
|
||||||
<div class="menu" ng-show="toggle.isActive()">
|
<div class="menu" ng-show="toggle.isActive()">
|
||||||
<ul>
|
<ul>
|
||||||
<li ng-repeat="option in view"
|
<li ng-repeat="option in view"
|
||||||
ng-click="ngModel.selected = option; toggle.setState(false)">
|
ng-click="ngModel.selected = option; toggle.setState(false)"
|
||||||
<span class="ui-symbol type-icon icon">{{option.glyph}}</span>
|
class="{{option.cssclass}}">
|
||||||
{{option.name}}
|
{{option.name}}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
@ -22,7 +22,7 @@
|
|||||||
<div ng-controller="TimeRangeController as trCtrl" class="l-flex-col">
|
<div ng-controller="TimeRangeController as trCtrl" class="l-flex-col">
|
||||||
<form class="l-time-range-inputs-holder l-flex-row flex-elem"
|
<form class="l-time-range-inputs-holder l-flex-row flex-elem"
|
||||||
ng-submit="trCtrl.updateBoundsFromForm()">
|
ng-submit="trCtrl.updateBoundsFromForm()">
|
||||||
<span class="l-time-range-inputs-elem ui-symbol type-icon flex-elem">C</span>
|
<span class="l-time-range-inputs-elem flex-elem icon-clock"></span>
|
||||||
<span class="l-time-range-inputs-elem t-inputs-w l-flex-row flex-elem">
|
<span class="l-time-range-inputs-elem t-inputs-w l-flex-row flex-elem">
|
||||||
<span class="l-time-range-input-w flex-elem">
|
<span class="l-time-range-input-w flex-elem">
|
||||||
<mct-control key="'datetime-field'"
|
<mct-control key="'datetime-field'"
|
||||||
|
|||||||
@ -24,12 +24,10 @@
|
|||||||
title="{{ngModel.getDescription()}}"
|
title="{{ngModel.getDescription()}}"
|
||||||
ng-click='ngModel.configure()'
|
ng-click='ngModel.configure()'
|
||||||
ng-show="ngModel.getText().length > 0">
|
ng-show="ngModel.getText().length > 0">
|
||||||
<span class="ui-symbol status-indicator">
|
<span class="status-indicator {{ngModel.getCssClass()}}"></span><span class="label"
|
||||||
{{ngModel.getGlyph()}}
|
|
||||||
</span><span class="label"
|
|
||||||
ng-class='ngModel.getTextClass()'>
|
ng-class='ngModel.getTextClass()'>
|
||||||
{{ngModel.getText()}}
|
{{ngModel.getText()}}
|
||||||
<a class="s-btn ui-symbol" ng-if="ngModel.configure">G</a>
|
<a class="s-button icon-gear" ng-if="ngModel.configure"></a>
|
||||||
</span><span class="count">
|
</span><span class="count">
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -20,8 +20,6 @@
|
|||||||
at runtime from the About dialog for additional information.
|
at runtime from the About dialog for additional information.
|
||||||
-->
|
-->
|
||||||
<div class="t-object-label l-flex-row flex-elem grows">
|
<div class="t-object-label l-flex-row flex-elem grows">
|
||||||
<div class="t-item-icon flex-elem" ng-class="{ 'l-icon-link':location.isLink() }">
|
<div class="t-item-icon flex-elem {{type.getCssClass()}}" ng-class="{ 'l-icon-link':location.isLink() }"></div>
|
||||||
<div class="t-item-icon-glyph">{{type.getGlyph()}}</div>
|
|
||||||
</div>
|
|
||||||
<div class='t-title-label flex-elem grows'>{{model.name}}</div>
|
<div class='t-title-label flex-elem grows'>{{model.name}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -22,17 +22,12 @@
|
|||||||
<div class="menu-element context-menu-wrapper mobile-disable-select" ng-controller="ContextMenuController">
|
<div class="menu-element context-menu-wrapper mobile-disable-select" ng-controller="ContextMenuController">
|
||||||
<div class="menu context-menu">
|
<div class="menu context-menu">
|
||||||
<ul>
|
<ul>
|
||||||
|
|
||||||
<li ng-repeat="menuAction in menuActions"
|
<li ng-repeat="menuAction in menuActions"
|
||||||
ng-click="menuAction.perform()"
|
ng-click="menuAction.perform()"
|
||||||
title="{{menuAction.getMetadata().description}}"
|
title="{{menuAction.getMetadata().description}}"
|
||||||
>
|
class="{{menuAction.getMetadata().cssclass}}">
|
||||||
<span class="ui-symbol icon type-icon">
|
|
||||||
{{menuAction.getMetadata().glyph}}
|
|
||||||
</span>
|
|
||||||
{{menuAction.getMetadata().name}}
|
{{menuAction.getMetadata().name}}
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -16,6 +16,5 @@
|
|||||||
ng-click="action(active.notification.model.primaryOption.callback, $event)">
|
ng-click="action(active.notification.model.primaryOption.callback, $event)">
|
||||||
{{active.notification.model.primaryOption.label}}
|
{{active.notification.model.primaryOption.label}}
|
||||||
</a>
|
</a>
|
||||||
<a class="banner-elem ui-symbol close" ng-click="dismiss(active.notification, $event)">
|
<a class="banner-elem close icon-x" ng-click="dismiss(active.notification, $event)"></a>
|
||||||
x</a>
|
|
||||||
</div>
|
</div>
|
||||||
@ -1,8 +1,6 @@
|
|||||||
<span class="rep-object-label">
|
<span class="rep-object-label">
|
||||||
<div class="t-object-label l-flex-row flex-elem grows">
|
<div class="t-object-label l-flex-row flex-elem grows">
|
||||||
<div class="t-item-icon flex-elem">
|
<div class="t-item-icon flex-elem"></div>
|
||||||
<div class="t-item-icon-glyph"></div>
|
|
||||||
</div>
|
|
||||||
<div class='t-title-label flex-elem grows'></div>
|
<div class='t-title-label flex-elem grows'></div>
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
@ -30,23 +30,22 @@ define([
|
|||||||
this.gestureService = gestureService;
|
this.gestureService = gestureService;
|
||||||
}
|
}
|
||||||
|
|
||||||
function getGlyph(domainObject) {
|
|
||||||
var type = domainObject.getCapability('type');
|
|
||||||
return type.getGlyph();
|
|
||||||
}
|
|
||||||
|
|
||||||
function isLink(domainObject) {
|
function isLink(domainObject) {
|
||||||
var location = domainObject.getCapability('location');
|
var location = domainObject.getCapability('location');
|
||||||
return location.isLink();
|
return location.isLink();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getClass(domainObject) {
|
||||||
|
var type = domainObject.getCapability('type');
|
||||||
|
return type.getCssClass();
|
||||||
|
}
|
||||||
|
|
||||||
TreeLabelView.prototype.updateView = function (domainObject) {
|
TreeLabelView.prototype.updateView = function (domainObject) {
|
||||||
var titleEl = this.el.find('.t-title-label'),
|
var titleEl = this.el.find('.t-title-label'),
|
||||||
glyphEl = this.el.find('.t-item-icon-glyph'),
|
|
||||||
iconEl = this.el.find('.t-item-icon');
|
iconEl = this.el.find('.t-item-icon');
|
||||||
|
|
||||||
titleEl.text(domainObject ? domainObject.getModel().name : "");
|
titleEl.text(domainObject ? domainObject.getModel().name : "");
|
||||||
glyphEl.text(domainObject ? getGlyph(domainObject) : "");
|
iconEl.addClass(domainObject ? getClass(domainObject) : "");
|
||||||
|
|
||||||
if (domainObject && isLink(domainObject)) {
|
if (domainObject && isLink(domainObject)) {
|
||||||
iconEl.addClass('l-icon-link');
|
iconEl.addClass('l-icon-link');
|
||||||
|
|||||||
@ -35,7 +35,7 @@ define(
|
|||||||
beforeEach(function () {
|
beforeEach(function () {
|
||||||
mockIndicator = jasmine.createSpyObj(
|
mockIndicator = jasmine.createSpyObj(
|
||||||
"indicator",
|
"indicator",
|
||||||
["getGlyph", "getText"]
|
["getGlyph", "getCssClass", "getText"]
|
||||||
);
|
);
|
||||||
|
|
||||||
testIndicatorA = {};
|
testIndicatorA = {};
|
||||||
|
|||||||
@ -106,7 +106,7 @@ define([
|
|||||||
|
|
||||||
return {
|
return {
|
||||||
context: jasmine.createSpyObj('context', ['getPath']),
|
context: jasmine.createSpyObj('context', ['getPath']),
|
||||||
type: jasmine.createSpyObj('type', ['getGlyph']),
|
type: jasmine.createSpyObj('type', ['getCssClass']),
|
||||||
location: jasmine.createSpyObj('location', ['isLink']),
|
location: jasmine.createSpyObj('location', ['isLink']),
|
||||||
mutation: jasmine.createSpyObj('mutation', ['listen']),
|
mutation: jasmine.createSpyObj('mutation', ['listen']),
|
||||||
status: mockStatus
|
status: mockStatus
|
||||||
|
|||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user