From ff1e1251f68b254dd1b19ece63f94a0252fbd86f Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 4 Nov 2015 13:54:29 -0800 Subject: [PATCH 1/5] [Frontend] Integrating new Inspect icon from prod-uisymbols open #244 open #188 --- .../icomoon.io-WTD-symbols-project.json | 229 ++++++++++-------- .../general/res/fonts/symbols/wtdsymbols.eot | Bin 12164 -> 12408 bytes .../general/res/fonts/symbols/wtdsymbols.svg | 3 +- .../general/res/fonts/symbols/wtdsymbols.ttf | Bin 11988 -> 12232 bytes .../general/res/fonts/symbols/wtdsymbols.woff | Bin 12064 -> 12308 bytes 5 files changed, 136 insertions(+), 96 deletions(-) diff --git a/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json b/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json index 489d491fd2..fee491e4b3 100644 --- a/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json +++ b/platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json @@ -1,19 +1,27 @@ { "metadata": { "name": "WTD Symbols", - "lastOpened": 1446490786311, - "created": 1446489891263 + "lastOpened": 1446670352108, + "created": 1446670349721 }, "iconSets": [ { "selection": [ { - "order": 113, + "order": 116, + "id": 93, + "prevSize": 32, + "code": 58902, + "name": "icon-eye-open-no-gleam", + "tempChar": "" + }, + { + "order": 115, "id": 92, "prevSize": 32, "code": 58901, - "name": "icon-crosshair", - "tempChar": "" + "name": "icon-eye-open", + "tempChar": "" }, { "order": 110, @@ -21,7 +29,7 @@ "prevSize": 32, "code": 58899, "name": "icon-collapse-pane-left", - "tempChar": "" + "tempChar": "" }, { "order": 111, @@ -29,7 +37,7 @@ "prevSize": 32, "code": 58900, "name": "icon-collapse-pane-right", - "tempChar": "" + "tempChar": "" }, { "order": 109, @@ -37,7 +45,7 @@ "prevSize": 32, "code": 58898, "name": "icon-save", - "tempChar": "" + "tempChar": "" }, { "order": 108, @@ -45,7 +53,7 @@ "prevSize": 32, "code": 58897, "name": "icon-dataset", - "tempChar": "" + "tempChar": "" }, { "order": 90, @@ -53,7 +61,7 @@ "prevSize": 32, "code": 58896, "name": "icon-bell", - "tempChar": "" + "tempChar": "" }, { "order": 91, @@ -61,7 +69,7 @@ "prevSize": 32, "code": 58889, "name": "icon-hourglass", - "tempChar": "" + "tempChar": "" }, { "order": 92, @@ -74,7 +82,7 @@ 58890 ], "name": "icon-info-v15", - "tempChar": "" + "tempChar": "" }, { "order": 93, @@ -82,7 +90,7 @@ "prevSize": 32, "code": 58887, "name": "icon-x-in-circle", - "tempChar": "" + "tempChar": "" }, { "order": 94, @@ -90,7 +98,7 @@ "prevSize": 32, "code": 58881, "name": "icon-datatable", - "tempChar": "" + "tempChar": "" }, { "order": 95, @@ -98,7 +106,7 @@ "prevSize": 32, "code": 58882, "name": "icon-tabular-scrolling", - "tempChar": "" + "tempChar": "" }, { "order": 96, @@ -106,7 +114,7 @@ "prevSize": 32, "code": 58884, "name": "icon-tabular", - "tempChar": "" + "tempChar": "" }, { "order": 97, @@ -114,7 +122,7 @@ "prevSize": 32, "code": 58885, "name": "icon-calendar", - "tempChar": "" + "tempChar": "" }, { "order": 98, @@ -122,7 +130,7 @@ "prevSize": 32, "code": 58886, "name": "icon-paint-bucket", - "tempChar": "" + "tempChar": "" }, { "order": 99, @@ -130,7 +138,7 @@ "prevSize": 32, "code": 123, "name": "icon-pointer-left", - "tempChar": "" + "tempChar": "" }, { "order": 100, @@ -138,7 +146,7 @@ "prevSize": 32, "code": 125, "name": "icon-pointer-right", - "tempChar": "" + "tempChar": "" }, { "order": 101, @@ -146,7 +154,7 @@ "prevSize": 32, "code": 80, "name": "icon-person", - "tempChar": "" + "tempChar": "" }, { "order": 102, @@ -154,7 +162,7 @@ "prevSize": 32, "code": 232, "name": "icon-chain-links", - "tempChar": "" + "tempChar": "" }, { "order": 103, @@ -162,7 +170,7 @@ "prevSize": 32, "code": 115, "name": "icon-database-in-brackets", - "tempChar": "" + "tempChar": "" }, { "order": 104, @@ -170,7 +178,7 @@ "prevSize": 32, "code": 114, "name": "icon-refresh", - "tempChar": "" + "tempChar": "" }, { "order": 105, @@ -178,7 +186,7 @@ "prevSize": 32, "code": 108, "name": "icon-lock", - "tempChar": "" + "tempChar": "" }, { "order": 106, @@ -186,7 +194,7 @@ "prevSize": 32, "code": 51, "name": "icon-box-with-dashed-lines", - "tempChar": "" + "tempChar": "" }, { "order": 10, @@ -194,7 +202,7 @@ "prevSize": 32, "code": 58880, "name": "icon-box-with-arrow-cursor", - "tempChar": "" + "tempChar": "" }, { "order": 11, @@ -202,7 +210,7 @@ "prevSize": 32, "code": 65, "name": "icon-activity-mode", - "tempChar": "" + "tempChar": "" }, { "order": 12, @@ -210,7 +218,7 @@ "prevSize": 32, "code": 97, "name": "icon-activity", - "tempChar": "" + "tempChar": "" }, { "order": 87, @@ -218,7 +226,7 @@ "prevSize": 32, "code": 33, "name": "icon-alert-rect", - "tempChar": "" + "tempChar": "" }, { "order": 14, @@ -226,7 +234,7 @@ "prevSize": 32, "code": 58883, "name": "icon-alert-triangle", - "tempChar": "" + "tempChar": "" }, { "order": 15, @@ -234,7 +242,7 @@ "prevSize": 32, "code": 238, "name": "icon-arrow-double-down", - "tempChar": "" + "tempChar": "" }, { "order": 16, @@ -242,7 +250,7 @@ "prevSize": 32, "code": 235, "name": "icon-arrow-double-up", - "tempChar": "" + "tempChar": "" }, { "order": 2, @@ -250,7 +258,7 @@ "prevSize": 32, "code": 118, "name": "icon-arrow-down", - "tempChar": "" + "tempChar": "" }, { "order": 19, @@ -258,7 +266,7 @@ "prevSize": 32, "code": 60, "name": "icon-arrow-left", - "tempChar": "" + "tempChar": "" }, { "order": 20, @@ -266,7 +274,7 @@ "prevSize": 32, "code": 62, "name": "icon-arrow-right", - "tempChar": "" + "tempChar": "" }, { "order": 21, @@ -274,7 +282,7 @@ "prevSize": 32, "code": 236, "name": "icon-arrow-tall-down", - "tempChar": "" + "tempChar": "" }, { "order": 22, @@ -282,7 +290,7 @@ "prevSize": 32, "code": 237, "name": "icon-arrow-tall-up", - "tempChar": "" + "tempChar": "" }, { "order": 23, @@ -290,7 +298,7 @@ "prevSize": 32, "code": 94, "name": "icon-arrow-up", - "tempChar": "" + "tempChar": "" }, { "order": 24, @@ -298,7 +306,7 @@ "prevSize": 32, "code": 73, "name": "icon-arrows-out", - "tempChar": "" + "tempChar": "" }, { "order": 25, @@ -306,7 +314,7 @@ "prevSize": 32, "code": 58893, "name": "icon-arrows-right-left", - "tempChar": "" + "tempChar": "" }, { "order": 33, @@ -314,7 +322,7 @@ "prevSize": 32, "code": 53, "name": "icon-arrows-up-down", - "tempChar": "" + "tempChar": "" }, { "order": 26, @@ -322,7 +330,7 @@ "prevSize": 32, "code": 42, "name": "icon-asterisk", - "tempChar": "" + "tempChar": "" }, { "order": 27, @@ -330,7 +338,7 @@ "prevSize": 32, "code": 72, "name": "icon-autoflow-tabular", - "tempChar": "" + "tempChar": "" }, { "order": 28, @@ -338,7 +346,7 @@ "prevSize": 32, "code": 224, "name": "icon-box", - "tempChar": "" + "tempChar": "" }, { "order": 29, @@ -346,7 +354,7 @@ "prevSize": 32, "code": 50, "name": "icon-check", - "tempChar": "" + "tempChar": "" }, { "order": 30, @@ -354,7 +362,7 @@ "prevSize": 32, "code": 67, "name": "icon-clock", - "tempChar": "" + "tempChar": "" }, { "order": 31, @@ -362,7 +370,7 @@ "prevSize": 32, "code": 46, "name": "icon-connectivity", - "tempChar": "" + "tempChar": "" }, { "order": 32, @@ -370,7 +378,7 @@ "prevSize": 32, "code": 100, "name": "icon-database-query", - "tempChar": "" + "tempChar": "" }, { "order": 17, @@ -378,7 +386,7 @@ "prevSize": 32, "code": 68, "name": "icon-database", - "tempChar": "" + "tempChar": "" }, { "order": 35, @@ -386,7 +394,7 @@ "prevSize": 32, "code": 81, "name": "icon-dictionary", - "tempChar": "" + "tempChar": "" }, { "order": 36, @@ -394,7 +402,7 @@ "prevSize": 32, "code": 242, "name": "icon-duplicate", - "tempChar": "" + "tempChar": "" }, { "order": 37, @@ -402,7 +410,7 @@ "prevSize": 32, "code": 102, "name": "icon-folder-new", - "tempChar": "" + "tempChar": "" }, { "order": 38, @@ -410,7 +418,7 @@ "prevSize": 32, "code": 70, "name": "icon-folder", - "tempChar": "" + "tempChar": "" }, { "order": 39, @@ -418,7 +426,7 @@ "prevSize": 32, "code": 95, "name": "icon-fullscreen-collapse", - "tempChar": "" + "tempChar": "" }, { "order": 40, @@ -426,7 +434,7 @@ "prevSize": 32, "code": 122, "name": "icon-fullscreen-expand", - "tempChar": "" + "tempChar": "" }, { "order": 41, @@ -434,7 +442,7 @@ "prevSize": 32, "code": 71, "name": "icon-gear", - "tempChar": "" + "tempChar": "" }, { "order": 49, @@ -442,7 +450,7 @@ "prevSize": 32, "code": 227, "name": "icon-image", - "tempChar": "" + "tempChar": "" }, { "order": 42, @@ -450,7 +458,7 @@ "prevSize": 32, "code": 225, "name": "icon-layers", - "tempChar": "" + "tempChar": "" }, { "order": 43, @@ -458,7 +466,7 @@ "prevSize": 32, "code": 76, "name": "icon-layout", - "tempChar": "" + "tempChar": "" }, { "order": 44, @@ -466,7 +474,7 @@ "prevSize": 32, "code": 226, "name": "icon-line-horz", - "tempChar": "" + "tempChar": "" }, { "order": 75, @@ -474,7 +482,7 @@ "prevSize": 32, "code": 244, "name": "icon-link", - "tempChar": "" + "tempChar": "" }, { "order": 46, @@ -482,7 +490,7 @@ "prevSize": 32, "code": 88, "name": "icon-magnify-in", - "tempChar": "" + "tempChar": "" }, { "order": 47, @@ -490,7 +498,7 @@ "prevSize": 32, "code": 89, "name": "icon-magnify-out", - "tempChar": "" + "tempChar": "" }, { "order": 48, @@ -498,7 +506,7 @@ "prevSize": 32, "code": 77, "name": "icon-magnify", - "tempChar": "" + "tempChar": "" }, { "order": 34, @@ -506,7 +514,7 @@ "prevSize": 32, "code": 109, "name": "icon-menu", - "tempChar": "" + "tempChar": "" }, { "order": 50, @@ -514,7 +522,7 @@ "prevSize": 32, "code": 243, "name": "icon-move", - "tempChar": "" + "tempChar": "" }, { "order": 51, @@ -522,7 +530,7 @@ "prevSize": 32, "code": 121, "name": "icon-new-window", - "tempChar": "" + "tempChar": "" }, { "order": 52, @@ -530,7 +538,7 @@ "prevSize": 32, "code": 111, "name": "icon-object", - "tempChar": "" + "tempChar": "" }, { "order": 73, @@ -538,7 +546,7 @@ "prevSize": 32, "code": 63, "name": "icon-object-unknown", - "tempChar": "" + "tempChar": "" }, { "order": 53, @@ -546,7 +554,7 @@ "prevSize": 32, "code": 86, "name": "icon-packet", - "tempChar": "" + "tempChar": "" }, { "order": 54, @@ -554,7 +562,7 @@ "prevSize": 32, "code": 234, "name": "icon-page", - "tempChar": "" + "tempChar": "" }, { "order": 55, @@ -562,7 +570,7 @@ "prevSize": 32, "code": 241, "name": "icon-pause", - "tempChar": "" + "tempChar": "" }, { "order": 56, @@ -570,7 +578,7 @@ "prevSize": 32, "code": 112, "name": "icon-pencil", - "tempChar": "" + "tempChar": "" }, { "order": 65, @@ -578,7 +586,7 @@ "prevSize": 32, "code": 79, "name": "icon-people", - "tempChar": "" + "tempChar": "" }, { "order": 57, @@ -586,7 +594,7 @@ "prevSize": 32, "code": 239, "name": "icon-play", - "tempChar": "" + "tempChar": "" }, { "order": 58, @@ -594,7 +602,7 @@ "prevSize": 32, "code": 233, "name": "icon-plot-resource", - "tempChar": "" + "tempChar": "" }, { "order": 59, @@ -602,7 +610,7 @@ "prevSize": 32, "code": 43, "name": "icon-plus", - "tempChar": "" + "tempChar": "" }, { "order": 60, @@ -610,7 +618,7 @@ "prevSize": 32, "code": 45, "name": "icon-minus", - "tempChar": "" + "tempChar": "" }, { "order": 61, @@ -618,7 +626,7 @@ "prevSize": 32, "code": 54, "name": "icon-sine", - "tempChar": "" + "tempChar": "" }, { "order": 62, @@ -626,7 +634,7 @@ "prevSize": 32, "code": 228, "name": "icon-T", - "tempChar": "" + "tempChar": "" }, { "order": 63, @@ -634,7 +642,7 @@ "prevSize": 32, "code": 116, "name": "icon-telemetry-panel", - "tempChar": "" + "tempChar": "" }, { "order": 64, @@ -642,7 +650,7 @@ "prevSize": 32, "code": 84, "name": "icon-telemetry", - "tempChar": "" + "tempChar": "" }, { "order": 18, @@ -650,7 +658,7 @@ "prevSize": 32, "code": 246, "name": "icon-thumbs-strip", - "tempChar": "" + "tempChar": "" }, { "order": 67, @@ -658,7 +666,7 @@ "prevSize": 32, "code": 83, "name": "icon-timeline", - "tempChar": "" + "tempChar": "" }, { "order": 68, @@ -666,7 +674,7 @@ "prevSize": 32, "code": 245, "name": "icon-timer", - "tempChar": "" + "tempChar": "" }, { "order": 69, @@ -674,7 +682,7 @@ "prevSize": 32, "code": 90, "name": "icon-trash", - "tempChar": "" + "tempChar": "" }, { "order": 70, @@ -682,7 +690,7 @@ "prevSize": 32, "code": 229, "name": "icon-two-parts-both", - "tempChar": "" + "tempChar": "" }, { "order": 71, @@ -690,7 +698,7 @@ "prevSize": 32, "code": 231, "name": "icon-two-parts-one-only", - "tempChar": "" + "tempChar": "" }, { "order": 72, @@ -698,7 +706,7 @@ "prevSize": 32, "code": 120, "name": "icon-x-heavy", - "tempChar": "" + "tempChar": "" }, { "order": 66, @@ -706,7 +714,7 @@ "prevSize": 32, "code": 58946, "name": "icon-x", - "tempChar": "" + "tempChar": "" } ], "id": 2, @@ -722,13 +730,43 @@ "prevSize": 32, "icons": [ { - "id": 92, + "id": 93, "paths": [ - "M514 2c-282.8 0-512 229.2-512 512s229.2 512 512 512 512-229.2 512-512-229.2-512-512-512zM860.2 450h-282.2v-282.2c69.6 12.8 133.8 46.2 185 97.4 51 51 84.4 115.2 97.2 184.8zM450 167.8v282.2h-282.2c12.8-69.6 46.2-133.8 97.4-185 51-51 115.2-84.4 184.8-97.2zM167.8 578h282.2v282.2c-69.6-12.8-133.8-46.2-185-97.4-51-51-84.4-115.2-97.2-184.8zM578 860.2v-282.2h282.2c-12.8 69.6-46.2 133.8-97.4 185-51 51-115.2 84.4-184.8 97.2z" + "M512 64c-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 734.6c-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.6z", + "M512 288c-123.8 0-224 100.2-224 224s100.2 224 224 224 224-100.2 224-224-100.2-224-224-224zM576 544c-53 0-96-43-96-96s43-96 96-96 96 43 96 96c0 53-43 96-96 96z" ], "attrs": [ { - "fill": "rgb(0, 0, 0)" + "fill": "rgb(6, 161, 75)" + }, + { + "fill": "rgb(6, 161, 75)" + } + ], + "isMulticolor": false, + "grid": 0, + "tags": [ + "icon-eye-open-no-gleam" + ], + "colorPermutations": { + "125525525516161751": [ + 1, + 1 + ] + } + }, + { + "id": 92, + "paths": [ + "M512 64c-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 734.6c-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.6z", + "M512 288c-123.8 0-224 100.2-224 224s100.2 224 224 224 224-100.2 224-224-100.2-224-224-224z" + ], + "attrs": [ + { + "fill": "rgb(6, 161, 75)" + }, + { + "fill": "rgb(6, 161, 75)" } ], "isMulticolor": false, @@ -738,7 +776,8 @@ ], "colorPermutations": { "125525525516161751": [ - 0 + 1, + 1 ] } }, diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.eot index 43192b87f77505cea5f0ebfa6831f5451609fb02..6e1b7e80f758535957274e67400b99fbcb3354bc 100755 GIT binary patch delta 755 zcmZpP|B=8}VZgv}LVqHg8H@k!VC9Jp6YC|e{bFEXlmTLw^u*!<1_lNJ1_q`CAkC4U zQ<>(a8n_n7&tPECc$1Nun8JQXlMr%mSYkJviKO;K?+4hxvL29L1{RP{kvtJhv^VOp_(NDp z&D6xq*hoxNgpDjuA-m5(!@@!Xgt2>0m$2{tGe8W`uwa;6t+g~nIe52!JipCX25zvo z87?L0o(1_IMF0Qy{{S!?jsUqF3``(VAYf!*U_S8w04Rk1{{xXA5fl)!xkNjiaq@g^ aj>-3Rw()Ke(GV#EDgY^q**s7886yBI^s#IJ delta 502 zcmaKo%_~G<6vm(P&ShpyKBgHTO}^>+8W&>>3yoR$18fm9Hy?9phAD)Vjh%(2yR(pu zjg&GHsY$U>EJ!v|Y$h9aO3EE)Mq;I&_dWfd=RK#+`yN^i=B~B@w@N(MCq4KFZSg>S zrR44dpmIL_VRbGBpa>8lu9k3QdGd9$DUVqL8lg?7-lvUlni~_9|ZrF*<&dtNb z5tIX6qbn-bePTVQj6Kq?ML>TP=7im}E3f20q?3{`CE-K`WVE4&2hpU`eo~}W8cZUb2f|x diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg index 455f2db341..7636991183 100755 --- a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg +++ b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.svg @@ -92,6 +92,7 @@ - + + \ No newline at end of file diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.ttf index 0bb5126e8ab0b74bbef524f347803d4109412a19..a514b65eb1c647bda35368d1e53bfdbc72733026 100755 GIT binary patch delta 738 zcmcZ-dm?^*MKz`!8Dz`&FMq&d=aD$~4F1J?ri84L^>Z!%I7 zQ`qkH7pFw4Gba-h74{%y-Ivc>~hS;Ms`f*dd$jK2TKc0ge{CUGE(kC7duP*g;Y38d20M2|_Ci6Lo2XCx0#Waow?1dEZuwAJ0c z)y&9&TQ)Gc$kw(fIZ&3{+2}umUXZPFy|QhP9*6;=nHyXy7stmhu5^Xbe-rhMjP!Mi z9jxMAR8?K#tsIJV822OV0qJF60eKY36Tw7#qaKStgq74xP0Wmq#6(5d$nq4j`y4bZ zEHpqEyXSNX`|dvj!~hKohRLTjmxd?@@Ai-9xB1Gz4fZy}r3BrxApe8t|Ns6U0EWX6 zAeV!I2_y;xj0_CS2mT)bh0yRe*MKz`!8Dz`&FMq&d=aD%0N0)8qp3GZ+{&7&1~5 zQ`m2FJ!D|e0`eKmGJpc?hgqb6`~^V1N=9x;MH~l+VsSj diff --git a/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff b/platform/commonUI/general/res/fonts/symbols/wtdsymbols.woff index 0b1935282d656f909ad4d8c68577fc097dd986b2..eb524a6291219a5ece92a25582e28571ff75e5de 100755 GIT binary patch delta 769 zcmZ1wHzh%=+~3WOfsp|S3`7{XLA3q}2Byh{OkxvtRO=mS~v)@}FodFaCiroP6RX~{i0E=u!Zb=1D z><6&`aRvFsB|ukynfT`_quAt2jQy;V49pCSKrh%#ZeZfxyq0N=T0Jw+1O^rc z<^~24215onpk5_DCU!YyVvO-H+;t zV4}TIkHsItN@}JiX2wQhq9SZ$c?#Km4jL8~8X%0_b2@~5_n!e`fQH57cjEIkK}nK{ zfk8QVw|_jp%~u9)u;&>rCFq_7g#w8F|L^|+7KX|9v}D9UaSKVsAW0~Q*({))&Nw+= bn`3gd&NkjHA{ruPKq-*PF`KP)pD_Xei$buU delta 526 zcmaKpJ4k|26vxlGexW9ml3GYFdwe~#FEV=!VNI<$w3MWY`AD>k1PcP&9YVgQ25F93 zGNK41XlsmWiG~)Z9#c!$XXk1{QLWq_3cw&S80S(y)xSgt5__d{ z510Bzuteg?EdZMy0ApNUjnEWZ4^Ww$d(?^B;Vm)T??oHsf8(dm+A5+>{v|K0V@{-rYe9D+CZfANviK^ zU?yWb8+EwYm{VfiXf?EBGZ`AJE}S4EB4HmHkp@(gF&4ebxZRnnXwBoIQgr%6(VS?&MW0hCqNU3404>_-3RD&Tmhp0BhJuwCTK>C4{%Fn(@F_6>-Gb}c*EsbFI)MPd u-BMtr=F1B2Qogmdn#+p7s)Ma$RX0z*WD6rQIWlyqJvGu75clLIsfa&~PlAO2 From e09cf91def84008798845cd8be0cea7f47419776 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 4 Nov 2015 15:03:56 -0800 Subject: [PATCH 2/5] [Frontend] Inspector-related fixes open #244 Fixing scroll issue in Inspector via flex layout; Added new _archetypes.scss file for .l-flex* and .col styles; moved .col and associated mixin out of _layout.scss and into _archetypes; --- .../general/res/sass/_archetypes.scss | 116 +++++ .../commonUI/general/res/sass/_inspector.scss | 5 + platform/commonUI/general/res/sass/_main.scss | 1 + .../res/sass/user-environ/_layout.scss | 97 ---- .../res/templates/object-inspector.html | 6 +- .../espresso/res/css/theme-espresso.css | 485 +++++++++--------- .../themes/snow/res/css/theme-snow.css | 485 +++++++++--------- 7 files changed, 633 insertions(+), 562 deletions(-) create mode 100644 platform/commonUI/general/res/sass/_archetypes.scss diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss new file mode 100644 index 0000000000..54389b0eac --- /dev/null +++ b/platform/commonUI/general/res/sass/_archetypes.scss @@ -0,0 +1,116 @@ +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ + +/********************************************* COLUMN LAYOUTS STYLES */ +@mixin cols($totalCols, $span) { + $cw: 100% / $totalCols; + min-width: (500px / $totalCols) * $span; + @if ($totalCols != $span) { + width: ($cw * $span) - $ueColMargin; + } @else { + width: $cw; + } +} + +.cols { + @include clearfix; + .col { + @include box-sizing(border-box); + @include clearfix; + // background: rgba(#ffcc00, 0.2); + float: left; + margin-left: $ueColMargin; + padding-left: $interiorMargin; + position: relative; + &:first-child { + margin-left: 0; + padding-left: 0; + } + } + &.cols-2 { + $nc: 2; + .col-1 { + @include cols($nc, 1); + } + } + &.cols-2-ff { + // 2 columns, first column is fixed, second is fluid + .col-100px { + width: 100px; + } + } + + &.cols-6 { + $nc: 6; + .col-1 { + @include cols($nc, 1); + } + } + &.cols-16 { + $nc: 16; + .col-1 { + @include cols($nc, 1); + } + .col-2 { + @include cols($nc, 2); + } + .col-7 { + @include cols($nc, 7); + } + } + &.cols-32 { + $nc: 32; + .col-2 { + @include cols($nc, 2); + } + .col-15 { + @include cols($nc, 15); + } + } + .l-row { + @include clearfix; + padding: $interiorMargin 0; + } +} +/********************************************* FLEX STYLES */ +.l-flex-row, +.l-flex-col { + @include display-flex; + @include flex-wrap(nowrap); + .flex-elem { + &:not(.grows) { + @include flex(0 1 auto); + } + &.grows { + @include flex(1 1 auto); + } + } +} + +.l-flex-row { + @include flex-direction(row); + +} + +.l-flex-col { + @include flex-direction(column); +} \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/_inspector.scss b/platform/commonUI/general/res/sass/_inspector.scss index 9f67ff3b73..62917017a4 100644 --- a/platform/commonUI/general/res/sass/_inspector.scss +++ b/platform/commonUI/general/res/sass/_inspector.scss @@ -43,6 +43,11 @@ vertical-align: bottom; } } + + ul { + @include box-sizing(border-box); + padding-right: $interiorMargin; + } ul li, em { diff --git a/platform/commonUI/general/res/sass/_main.scss b/platform/commonUI/general/res/sass/_main.scss index 0dab445e84..f7f2489dc7 100644 --- a/platform/commonUI/general/res/sass/_main.scss +++ b/platform/commonUI/general/res/sass/_main.scss @@ -21,6 +21,7 @@ *****************************************************************************/ @import "effects"; @import "global"; +@import "archetypes"; @import "about"; @import "text"; @import "icons"; diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 4800cdeb6d..f421487cf0 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -19,23 +19,6 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -@mixin cols($totalCols, $span) { - $cw: 100% / $totalCols; - min-width: (500px / $totalCols) * $span; - @if ($totalCols != $span) { - width: ($cw * $span) - $ueColMargin; - } @else { - width: $cw; - } -} - -/*.holder-all { - $myM: 0; // $interiorMarginSm; - top: $myM; - right: $myM; - bottom: $myM; - left: $myM; -}*/ .browse-area, .edit-area, @@ -158,67 +141,6 @@ } } -.cols { - @include clearfix; - .col { - @include box-sizing(border-box); - @include clearfix; - // background: rgba(#ffcc00, 0.2); - float: left; - margin-left: $ueColMargin; - padding-left: $interiorMargin; - position: relative; - &:first-child { - margin-left: 0; - padding-left: 0; - } - } - &.cols-2 { - $nc: 2; - .col-1 { - @include cols($nc, 1); - } - } - &.cols-2-ff { - // 2 columns, first column is fixed, second is fluid - .col-100px { - width: 100px; - } - } - - &.cols-6 { - $nc: 6; - .col-1 { - @include cols($nc, 1); - } - } - &.cols-16 { - $nc: 16; - .col-1 { - @include cols($nc, 1); - } - .col-2 { - @include cols($nc, 2); - } - .col-7 { - @include cols($nc, 7); - } - } - &.cols-32 { - $nc: 32; - .col-2 { - @include cols($nc, 2); - } - .col-15 { - @include cols($nc, 15); - } - } - .l-row { - @include clearfix; - padding: $interiorMargin 0; - } -} - .browse-mode { .split-layout { .split-pane-component.pane { @@ -464,25 +386,6 @@ .holder-create-and-search { opacity: 0; } - /*.holder-create-and-search { - @include trans-prop-nice((top, left), 250ms); - top: $ueTopBarH + $interiorMargin; - left: -1 * $bodyMargin !important; - .create-btn { - @include border-left-radius(0); - @include trans-prop-nice((width), 250ms); - width: $uePaneMiniTabW !important; - text-align: center !important; - padding: 0; - .title-label, - &:after { - display: none; - } - &:before { - font-size: 9px; - } - } - }*/ } .pane-tree-showing { diff --git a/platform/commonUI/general/res/templates/object-inspector.html b/platform/commonUI/general/res/templates/object-inspector.html index 83ed591ff7..cf111a3695 100644 --- a/platform/commonUI/general/res/templates/object-inspector.html +++ b/platform/commonUI/general/res/templates/object-inspector.html @@ -20,9 +20,9 @@ at runtime from the About dialog for additional information. --> -
-
Inspection
-
    +
    +
    Inspection
    +
    • Properties
      .type-icon { color: #cccccc; font-size: 120%; float: left; margin-right: 5px; } - /* line 222, ../../../../general/res/sass/controls/_controls.scss */ + /* line 215, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { -webkit-justify-content: flex-start; justify-content: flex-start; } - /* line 225, ../../../../general/res/sass/controls/_controls.scss */ + /* line 218, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper mct-representation { min-width: 0.7em; } - /* line 233, ../../../../general/res/sass/controls/_controls.scss */ + /* line 226, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 237, ../../../../general/res/sass/controls/_controls.scss */ + /* line 230, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { color: #999; overflow: hidden; @@ -2143,13 +2250,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 269, ../../../../general/res/sass/controls/_controls.scss */ + /* line 240, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/controls/_controls.scss */ + /* line 247, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -2168,7 +2275,7 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; opacity: 0; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 252, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } @@ -2182,12 +2289,12 @@ label.checkbox.custom { @keyframes progress { 100% { background-position: 20px center; } } -/* line 281, ../../../../general/res/sass/controls/_controls.scss */ +/* line 274, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar { display: inline-block; overflow: hidden; position: relative; } - /* line 287, ../../../../general/res/sass/controls/_controls.scss */ + /* line 280, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt-holder { overflow: hidden; position: absolute; @@ -2197,7 +2304,7 @@ label.checkbox.custom { left: 1px; width: auto; height: auto; } - /* line 290, ../../../../general/res/sass/controls/_controls.scss */ + /* line 283, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt, .l-progress-bar .progress-amt:before, .l-progress-bar .progress-amt:after { @@ -2211,14 +2318,14 @@ label.checkbox.custom { height: auto; display: block; content: ''; } - /* line 298, ../../../../general/res/sass/controls/_controls.scss */ + /* line 291, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt { right: auto; } - /* line 303, ../../../../general/res/sass/controls/_controls.scss */ + /* line 296, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar.indeterminate .progress-amt { width: 100% !important; } -/* line 309, ../../../../general/res/sass/controls/_controls.scss */ +/* line 302, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -2227,7 +2334,7 @@ label.checkbox.custom { -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; background: rgba(0, 0, 0, 0.1); } - /* line 314, ../../../../general/res/sass/controls/_controls.scss */ + /* line 307, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -2254,10 +2361,10 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 319, ../../../../general/res/sass/controls/_controls.scss */ + /* line 312, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:before { background-color: #0099cc; } - /* line 322, ../../../../general/res/sass/controls/_controls.scss */ + /* line 315, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2265,7 +2372,7 @@ label.checkbox.custom { background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); } - /* line 331, ../../../../general/res/sass/controls/_controls.scss */ + /* line 324, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar:not(.indeterminate) .progress-amt:before { -moz-animation: progress 0.4s linear infinite; -webkit-animation: progress 0.4s linear infinite; @@ -2278,7 +2385,7 @@ label.checkbox.custom { background-position: 0 center; background-repeat: repeat-x; background-size: 20px 40%; } - /* line 339, ../../../../general/res/sass/controls/_controls.scss */ + /* line 332, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:before { -moz-animation: progress 0.6s linear infinite; -webkit-animation: progress 0.6s linear infinite; @@ -2290,12 +2397,12 @@ label.checkbox.custom { background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat; background-size: 20px 20px; } - /* line 344, ../../../../general/res/sass/controls/_controls.scss */ + /* line 337, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:after { display: none; } /******************************************************** SLIDERS */ -/* line 352, ../../../../general/res/sass/controls/_controls.scss */ +/* line 345, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { width: auto; position: absolute; @@ -2303,7 +2410,7 @@ label.checkbox.custom { right: 0; bottom: 0; left: 0; } -/* line 362, ../../../../general/res/sass/controls/_controls.scss */ +/* line 355, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2329,10 +2436,10 @@ label.checkbox.custom { auto: 0; bottom: auto; left: auto; } - /* line 307, ../../../../general/res/sass/controls/_controls.scss */ + /* line 358, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:hover { background-color: #0099cc; } -/* line 318, ../../../../general/res/sass/controls/_controls.scss */ +/* line 369, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-l { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; @@ -2341,7 +2448,7 @@ label.checkbox.custom { -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; cursor: w-resize; } -/* line 322, ../../../../general/res/sass/controls/_controls.scss */ +/* line 373, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-r { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; @@ -2350,7 +2457,7 @@ label.checkbox.custom { -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; cursor: e-resize; } -/* line 326, ../../../../general/res/sass/controls/_controls.scss */ +/* line 377, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2377,12 +2484,12 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 337, ../../../../general/res/sass/controls/_controls.scss */ + /* line 388, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background-color: rgba(0, 153, 204, 0.5); } /******************************************************** DATETIME PICKER */ -/* line 344, ../../../../general/res/sass/controls/_controls.scss */ +/* line 395, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker { -moz-user-select: -moz-none; -ms-user-select: none; @@ -2391,65 +2498,65 @@ label.checkbox.custom { font-size: 0.8rem; padding: 10px !important; width: 230px; } - /* line 350, ../../../../general/res/sass/controls/_controls.scss */ + /* line 401, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager { height: 15px; margin-bottom: 5px; position: relative; } - /* line 420, ../../../../general/res/sass/controls/_controls.scss */ + /* line 413, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager { width: 20px; } - /* line 423, ../../../../general/res/sass/controls/_controls.scss */ + /* line 416, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev { right: auto; } - /* line 425, ../../../../general/res/sass/controls/_controls.scss */ + /* line 418, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev:before { content: "\3c"; } - /* line 429, ../../../../general/res/sass/controls/_controls.scss */ + /* line 422, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next { left: auto; text-align: right; } - /* line 432, ../../../../general/res/sass/controls/_controls.scss */ + /* line 425, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next:before { content: "\3e"; } - /* line 437, ../../../../general/res/sass/controls/_controls.scss */ + /* line 430, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .val { text-align: center; left: 25px; right: 25px; } - /* line 443, ../../../../general/res/sass/controls/_controls.scss */ + /* line 436, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-calendar, .l-datetime-picker .l-time-selects { border-top: 1px solid rgba(153, 153, 153, 0.1); } - /* line 447, ../../../../general/res/sass/controls/_controls.scss */ + /* line 440, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-time-selects { line-height: 22px; } /******************************************************** CALENDAR */ -/* line 397, ../../../../general/res/sass/controls/_controls.scss */ +/* line 448, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; margin-top: 1px; } - /* line 459, ../../../../general/res/sass/controls/_controls.scss */ + /* line 452, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row:first-child { margin-top: 0; } - /* line 462, ../../../../general/res/sass/controls/_controls.scss */ + /* line 455, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li { -webkit-flex: 1 0; flex: 1 0; margin-left: 1px; padding: 5px; text-align: center; } - /* line 468, ../../../../general/res/sass/controls/_controls.scss */ + /* line 461, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li:first-child { margin-left: 0; } - /* line 472, ../../../../general/res/sass/controls/_controls.scss */ + /* line 465, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-header li { color: #b3b3b3; } - /* line 475, ../../../../general/res/sass/controls/_controls.scss */ + /* line 468, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li { -moz-transition-property: background-color; -o-transition-property: background-color; @@ -2468,31 +2575,31 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; cursor: pointer; } - /* line 478, ../../../../general/res/sass/controls/_controls.scss */ + /* line 471, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.in-month { background-color: #616161; } - /* line 481, ../../../../general/res/sass/controls/_controls.scss */ + /* line 474, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li .sub { color: #b3b3b3; font-size: 0.8em; } - /* line 485, ../../../../general/res/sass/controls/_controls.scss */ + /* line 478, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected { background: #006080; color: #cccccc; } - /* line 488, ../../../../general/res/sass/controls/_controls.scss */ + /* line 481, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected .sub { color: inherit; } - /* line 492, ../../../../general/res/sass/controls/_controls.scss */ + /* line 485, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover { background-color: #0099cc; color: #fff; } - /* line 495, ../../../../general/res/sass/controls/_controls.scss */ + /* line 488, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover .sub { color: inherit; } /******************************************************** BROWSER ELEMENTS */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 448, ../../../../general/res/sass/controls/_controls.scss */ + /* line 499, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2507,7 +2614,7 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 457, ../../../../general/res/sass/controls/_controls.scss */ + /* line 508, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU5NTk1OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2521,7 +2628,7 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 466, ../../../../general/res/sass/controls/_controls.scss */ + /* line 517, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNWU1ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2530,7 +2637,7 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#5e5e5e, #525252 20px); background-image: linear-gradient(#5e5e5e, #525252 20px); } - /* line 471, ../../../../general/res/sass/controls/_controls.scss */ + /* line 522, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.4); } } /***************************************************************************** @@ -3918,15 +4025,15 @@ textarea { /* line 29, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime { /* - .field-hints, - .fields { - } - - - .field-hints { - - } - */ } + .field-hints, + .fields { + } + + + .field-hints { + + } + */ } /* line 30, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime span { display: inline-block; @@ -4173,26 +4280,19 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/*.holder-all { - $myM: 0; // $interiorMarginSm; - top: $myM; - right: $myM; - bottom: $myM; - left: $myM; -}*/ -/* line 40, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 23, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { position: absolute; } -/* line 46, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 29, ../../../../general/res/sass/user-environ/_layout.scss */ .editor { -moz-border-radius: 4.5px; -webkit-border-radius: 4.5px; border-radius: 4.5px; } -/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 33, ../../../../general/res/sass/user-environ/_layout.scss */ .contents { box-sizing: border-box; position: absolute; @@ -4200,21 +4300,21 @@ span.req { right: 0; bottom: 0; left: 0; } - /* line 58, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 41, ../../../../general/res/sass/user-environ/_layout.scss */ .contents.nomargin { right: 0px; bottom: 0px; left: 0px; } -/* line 67, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ .bar .icon.major, .bar .major.t-item-icon { margin-right: 5px; } -/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 53, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs, .bar.l-inspect, .l-datetime-picker .l-month-year-pager .bar.pager, .l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 73, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 56, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.left, .bar.left.l-inspect, .l-datetime-picker .l-month-year-pager .bar.left.pager, .l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area, .bar.abs .left, @@ -4224,7 +4324,7 @@ span.req { .s-menu-btn span.bar.l-click-area .left { width: 45%; right: auto; } - /* line 78, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 61, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right, .bar.right.l-inspect, .l-datetime-picker .l-month-year-pager .bar.right.pager, .l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area, .bar.abs .right, @@ -4235,7 +4335,7 @@ span.req { width: 45%; left: auto; text-align: right; } - /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 66, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right .icon.major, .bar.right.l-inspect .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .bar.right.l-inspect .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon, @@ -4250,7 +4350,7 @@ span.req { .l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon, .s-menu-btn span.bar.l-click-area .right .major.t-item-icon { margin-left: 15px; } - /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 72, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs .l-flex .left, .bar.l-inspect .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left, .bar.abs .l-flex .right, @@ -4266,34 +4366,34 @@ span.req { .s-menu-btn span.bar.l-flex.l-click-area .right { width: auto; } -/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .editor { top: 0; left: 0; right: 0; bottom: 25px; } -/* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area > .contents, .user-environ .edit-area > .contents { left: 0; right: 0; } -/* line 111, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 94, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area { top: 45px; left: 10px; right: 10px; bottom: 35px; } - /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 100, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .tool-bar { bottom: auto; height: 30px; line-height: 25px; } - /* line 122, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .object-holder.work-area { top: 40px; overflow: auto; } -/* line 129, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar { overflow: hidden; position: absolute; @@ -4309,7 +4409,7 @@ span.req { background: #000; color: gray; font-size: .7rem; } - /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 121, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .status-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4328,7 +4428,7 @@ span.req { right: 120px; text-transform: uppercase; z-index: 1; } - /* line 147, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 130, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4345,143 +4445,87 @@ span.req { left: auto; width: 105px; z-index: 2; } - /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } -/* line 161, ../../../../general/res/sass/user-environ/_layout.scss */ -.cols { - overflow: hidden; - *zoom: 1; } - /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - *zoom: 1; - float: left; - margin-left: 1.5%; - padding-left: 5px; - position: relative; } - /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col:first-child { - margin-left: 0; - padding-left: 0; } - /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2 .col-1 { - min-width: 250px; - width: 48.5%; } - /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2-ff .col-100px { - width: 100px; } - /* line 191, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-6 .col-1 { - min-width: 83.33333px; - width: 15.16667%; } - /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-1 { - min-width: 31.25px; - width: 4.75%; } - /* line 200, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-2 { - min-width: 62.5px; - width: 11%; } - /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-7 { - min-width: 218.75px; - width: 42.25%; } - /* line 209, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-2 { - min-width: 31.25px; - width: 4.75%; } - /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-15 { - min-width: 234.375px; - width: 45.375%; } - /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .l-row { - overflow: hidden; - *zoom: 1; - padding: 5px 0; } - -/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 148, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 800px; width: 25%; } -/* line 231, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 600px; width: 20%; } -/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right { width: 15%; } - /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom { min-height: 50px; height: 30%; } -/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ .pane { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; } - /* line 257, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .pane-header { text-transform: uppercase; height: 24px; line-height: 24px; margin-bottom: 5px; } - /* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .primary-pane { z-index: 2; } - /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .search-holder { top: 34px; } - /* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { overflow: auto; top: 64px; } - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { z-index: 5; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { top: 10px; height: 24px; line-height: 24px; } - /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane:after { opacity: 0; } - /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:before { opacity: 0; } - /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:after { opacity: 1; } - /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { left: 0; -moz-transform: translateX(-34px); -ms-transform: translateX(-34px); -webkit-transform: translateX(-34px); transform: translateX(-34px); } - /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 237, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { content: '\6d'; } - /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { left: 0; -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -webkit-transform: translateX(-15px); transform: translateX(-15px); } - /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4499,16 +4543,16 @@ span.req { -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; } - /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { right: 10px; } - /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { content: '\e615'; } - /* line 331, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { right: 5px; } } - /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, @@ -4522,7 +4566,7 @@ span.req { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { top: auto; } -/* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout { /* &.vertical { // Slides left and right @@ -4537,36 +4581,36 @@ span.req { } } }*/ } - /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 273, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 354, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 276, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } - /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-create-and-search { top: 10px; right: 0; bottom: 10px; left: 10px; } - /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-inspector-elements { top: 10px; bottom: 10px; left: 10px; right: 10px; } -/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4577,11 +4621,11 @@ span.req { width: auto; height: auto; top: 34px; } - /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder.l-controls-visible.l-time-controller-visible { bottom: 88px; } -/* line 299, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-menu-btn, @@ -4593,12 +4637,12 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 426, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } -/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { overflow: visible; position: absolute; @@ -4614,55 +4658,34 @@ span.req { height: 24px; line-height: 24px; white-space: nowrap; } - /* line 439, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 20px; } - /* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back { display: inline-block; float: left; margin-right: 10px; } -/* line 449, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; } - /* line 452, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex .left { flex: 1 1 0; -webkit-flex: 1 1 0; padding-right: 10px; } -/* line 462, ../../../../general/res/sass/user-environ/_layout.scss */ -.pane-tree-hidden { - /*.holder-create-and-search { - @include trans-prop-nice((top, left), 250ms); - top: $ueTopBarH + $interiorMargin; - left: -1 * $bodyMargin !important; - .create-btn { - @include border-left-radius(0); - @include trans-prop-nice((width), 250ms); - width: $uePaneMiniTabW !important; - text-align: center !important; - padding: 0; - .title-label, - &:after { - display: none; - } - &:before { - font-size: 9px; - } - } - }*/ } - /* line 465, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-tree-hidden .tree-holder, - .pane-tree-hidden .splitter-treeview, - .pane-tree-hidden .holder-create-and-search { - opacity: 0; } +/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ +.pane-tree-hidden .tree-holder, +.pane-tree-hidden .splitter-treeview, +.pane-tree-hidden .holder-create-and-search { + opacity: 0; } -/* line 494, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4682,7 +4705,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 500, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-create-and-search { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4701,7 +4724,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 507, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4722,25 +4745,25 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 516, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 524, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 528, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 20px !important; } - /* line 531, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 20px !important; } - /* line 534, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -5948,9 +5971,9 @@ ul.tree { *****************************************************************************/ /* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar { - /* .title { - color: #fff; - }*/ } + /* .title { + color: #fff; + }*/ } /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar.browse, .top-bar.edit { border-bottom: 1px solid rgba(153, 153, 153, 0.1); diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 6ec5b55434..ed1e1cbcbf 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -20,7 +20,7 @@ * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, @@ -41,38 +41,38 @@ time, mark, audio, video { font-size: 100%; vertical-align: baseline; } -/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } -/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } -/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } -/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } -/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } - /* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ + /* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } -/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } -/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ +/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @@ -306,7 +306,7 @@ a.disabled { *****************************************************************************/ /************************** FONTS */ @font-face { - /* + /* * Use https://icomoon.io/app with /platform/commonUI/general/res/fonts/symbols/icomoon.io-WTD-symbols-project.json */ font-family: 'symbolsfont'; @@ -428,6 +428,113 @@ mct-container { .sep { color: rgba(255, 255, 255, 0.2); } +/***************************************************************************** + * Open MCT Web, Copyright (c) 2014-2015, United States Government + * as represented by the Administrator of the National Aeronautics and Space + * Administration. All rights reserved. + * + * Open MCT Web is licensed under the Apache License, Version 2.0 (the + * "License"); you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * http://www.apache.org/licenses/LICENSE-2.0. + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations + * under the License. + * + * Open MCT Web includes source code licensed under additional open source + * licenses. See the Open Source Licenses file (LICENSES.md) included with + * this source code distribution or the Licensing information page available + * at runtime from the About dialog for additional information. + *****************************************************************************/ +/********************************************* COLUMN LAYOUTS STYLES */ +/* line 34, ../../../../general/res/sass/_archetypes.scss */ +.cols { + overflow: hidden; + *zoom: 1; } + /* line 36, ../../../../general/res/sass/_archetypes.scss */ + .cols .col { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden; + *zoom: 1; + float: left; + margin-left: 1.5%; + padding-left: 5px; + position: relative; } + /* line 44, ../../../../general/res/sass/_archetypes.scss */ + .cols .col:first-child { + margin-left: 0; + padding-left: 0; } + /* line 51, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-2 .col-1 { + min-width: 250px; + width: 48.5%; } + /* line 57, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-2-ff .col-100px { + width: 100px; } + /* line 64, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-6 .col-1 { + min-width: 83.33333px; + width: 15.16667%; } + /* line 70, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-16 .col-1 { + min-width: 31.25px; + width: 4.75%; } + /* line 73, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-16 .col-2 { + min-width: 62.5px; + width: 11%; } + /* line 76, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-16 .col-7 { + min-width: 218.75px; + width: 42.25%; } + /* line 82, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-32 .col-2 { + min-width: 31.25px; + width: 4.75%; } + /* line 85, ../../../../general/res/sass/_archetypes.scss */ + .cols.cols-32 .col-15 { + min-width: 234.375px; + width: 45.375%; } + /* line 89, ../../../../general/res/sass/_archetypes.scss */ + .cols .l-row { + overflow: hidden; + *zoom: 1; + padding: 5px 0; } + +/********************************************* FLEX STYLES */ +/* line 95, ../../../../general/res/sass/_archetypes.scss */ +.l-flex-row, +.l-flex-col { + display: -webkit-flex; + display: flex; + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; } + /* line 100, ../../../../general/res/sass/_archetypes.scss */ + .l-flex-row .flex-elem:not(.grows), + .l-flex-col .flex-elem:not(.grows) { + -webkit-flex: 0 1 auto; + flex: 0 1 auto; } + /* line 103, ../../../../general/res/sass/_archetypes.scss */ + .l-flex-row .flex-elem.grows, + .l-flex-col .flex-elem.grows { + -webkit-flex: 1 1 auto; + flex: 1 1 auto; } + +/* line 109, ../../../../general/res/sass/_archetypes.scss */ +.l-flex-row { + -webkit-flex-direction: row; + flex-direction: row; } + +/* line 114, ../../../../general/res/sass/_archetypes.scss */ +.l-flex-col { + -webkit-flex-direction: column; + flex-direction: column; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1025,11 +1132,11 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0.2) 100%); } /*.browse-area .splitter { - top: 0; //$ueTopBarH + $interiorMarginLg; + top: 0; //$ueTopBarH + $interiorMarginLg; } .edit-area .splitter { - top: 0; + top: 0; }*/ /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government @@ -2063,23 +2170,23 @@ label.checkbox.custom { /* line 204, ../../../../general/res/sass/controls/_controls.scss */ .object-header { font-size: 1em; } - /* line 236, ../../../../general/res/sass/controls/_controls.scss */ + /* line 208, ../../../../general/res/sass/controls/_controls.scss */ .object-header > .type-icon { color: #b3b3b3; font-size: 120%; float: left; margin-right: 5px; } - /* line 243, ../../../../general/res/sass/controls/_controls.scss */ + /* line 215, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper { -webkit-justify-content: flex-start; justify-content: flex-start; } - /* line 247, ../../../../general/res/sass/controls/_controls.scss */ + /* line 218, ../../../../general/res/sass/controls/_controls.scss */ .object-header .l-elem-wrapper mct-representation { min-width: 0.7em; } - /* line 255, ../../../../general/res/sass/controls/_controls.scss */ + /* line 226, ../../../../general/res/sass/controls/_controls.scss */ .object-header .action { margin-right: 5px; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 230, ../../../../general/res/sass/controls/_controls.scss */ .object-header .title-label { color: #666; overflow: hidden; @@ -2088,13 +2195,13 @@ label.checkbox.custom { flex: 0 1 auto; -webkit-flex: 0 1 auto; padding-right: 0.35em; } - /* line 269, ../../../../general/res/sass/controls/_controls.scss */ + /* line 240, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { font-size: 0.7em; flex: 0 0 1; -webkit-flex: 0 0 1; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 276, ../../../../general/res/sass/controls/_controls.scss */ + /* line 247, ../../../../general/res/sass/controls/_controls.scss */ .object-header .context-available { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -2113,7 +2220,7 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; opacity: 0; } - /* line 259, ../../../../general/res/sass/controls/_controls.scss */ + /* line 252, ../../../../general/res/sass/controls/_controls.scss */ .object-header:hover .context-available { opacity: 1; } } @@ -2127,12 +2234,12 @@ label.checkbox.custom { @keyframes progress { 100% { background-position: 20px center; } } -/* line 281, ../../../../general/res/sass/controls/_controls.scss */ +/* line 274, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar { display: inline-block; overflow: hidden; position: relative; } - /* line 287, ../../../../general/res/sass/controls/_controls.scss */ + /* line 280, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt-holder { overflow: hidden; position: absolute; @@ -2142,7 +2249,7 @@ label.checkbox.custom { left: 1px; width: auto; height: auto; } - /* line 290, ../../../../general/res/sass/controls/_controls.scss */ + /* line 283, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt, .l-progress-bar .progress-amt:before, .l-progress-bar .progress-amt:after { @@ -2156,14 +2263,14 @@ label.checkbox.custom { height: auto; display: block; content: ''; } - /* line 298, ../../../../general/res/sass/controls/_controls.scss */ + /* line 291, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar .progress-amt { right: auto; } - /* line 303, ../../../../general/res/sass/controls/_controls.scss */ + /* line 296, ../../../../general/res/sass/controls/_controls.scss */ .l-progress-bar.indeterminate .progress-amt { width: 100% !important; } -/* line 309, ../../../../general/res/sass/controls/_controls.scss */ +/* line 302, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -2172,7 +2279,7 @@ label.checkbox.custom { -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: inset rgba(0, 0, 0, 0.3) 0 1px 4px; background: rgba(0, 0, 0, 0.1); } - /* line 314, ../../../../general/res/sass/controls/_controls.scss */ + /* line 307, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -2199,10 +2306,10 @@ label.checkbox.custom { -o-transition-delay: 0; -webkit-transition-delay: 0; transition-delay: 0; } - /* line 319, ../../../../general/res/sass/controls/_controls.scss */ + /* line 312, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:before { background-color: #0a0; } - /* line 322, ../../../../general/res/sass/controls/_controls.scss */ + /* line 315, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar .progress-amt:after { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2210,7 +2317,7 @@ label.checkbox.custom { background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(rgba(0, 0, 0, 0) 5%, rgba(255, 255, 255, 0.25) 30%, rgba(0, 0, 0, 0) 100%); } - /* line 331, ../../../../general/res/sass/controls/_controls.scss */ + /* line 324, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar:not(.indeterminate) .progress-amt:before { -moz-animation: progress 0.4s linear infinite; -webkit-animation: progress 0.4s linear infinite; @@ -2223,7 +2330,7 @@ label.checkbox.custom { background-position: 0 center; background-repeat: repeat-x; background-size: 20px 40%; } - /* line 339, ../../../../general/res/sass/controls/_controls.scss */ + /* line 332, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:before { -moz-animation: progress 0.6s linear infinite; -webkit-animation: progress 0.6s linear infinite; @@ -2235,12 +2342,12 @@ label.checkbox.custom { background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat; background-size: 20px 20px; } - /* line 344, ../../../../general/res/sass/controls/_controls.scss */ + /* line 337, ../../../../general/res/sass/controls/_controls.scss */ .s-progress-bar.indeterminate .progress-amt:after { display: none; } /******************************************************** SLIDERS */ -/* line 352, ../../../../general/res/sass/controls/_controls.scss */ +/* line 345, ../../../../general/res/sass/controls/_controls.scss */ .slider .slot { width: auto; position: absolute; @@ -2248,7 +2355,7 @@ label.checkbox.custom { right: 0; bottom: 0; left: 0; } -/* line 362, ../../../../general/res/sass/controls/_controls.scss */ +/* line 355, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2274,10 +2381,10 @@ label.checkbox.custom { auto: 0; bottom: auto; left: auto; } - /* line 365, ../../../../general/res/sass/controls/_controls.scss */ + /* line 358, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob:hover { background-color: rgba(0, 153, 204, 0.7); } -/* line 376, ../../../../general/res/sass/controls/_controls.scss */ +/* line 369, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-l { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; @@ -2286,7 +2393,7 @@ label.checkbox.custom { -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; cursor: w-resize; } -/* line 322, ../../../../general/res/sass/controls/_controls.scss */ +/* line 373, ../../../../general/res/sass/controls/_controls.scss */ .slider .knob-r { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; @@ -2295,7 +2402,7 @@ label.checkbox.custom { -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; cursor: e-resize; } -/* line 326, ../../../../general/res/sass/controls/_controls.scss */ +/* line 377, ../../../../general/res/sass/controls/_controls.scss */ .slider .range { -moz-transition-property: opacity, background-color, border-color, color; -o-transition-property: opacity, background-color, border-color, color; @@ -2322,12 +2429,12 @@ label.checkbox.custom { left: auto; height: auto; width: auto; } - /* line 337, ../../../../general/res/sass/controls/_controls.scss */ + /* line 388, ../../../../general/res/sass/controls/_controls.scss */ .slider .range:hover { background-color: rgba(0, 153, 204, 0.4); } /******************************************************** DATETIME PICKER */ -/* line 344, ../../../../general/res/sass/controls/_controls.scss */ +/* line 395, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker { -moz-user-select: -moz-none; -ms-user-select: none; @@ -2336,65 +2443,65 @@ label.checkbox.custom { font-size: 0.8rem; padding: 10px !important; width: 230px; } - /* line 350, ../../../../general/res/sass/controls/_controls.scss */ + /* line 401, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager { height: 15px; margin-bottom: 5px; position: relative; } - /* line 420, ../../../../general/res/sass/controls/_controls.scss */ + /* line 413, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager { width: 20px; } - /* line 423, ../../../../general/res/sass/controls/_controls.scss */ + /* line 416, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev { right: auto; } - /* line 425, ../../../../general/res/sass/controls/_controls.scss */ + /* line 418, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.prev:before { content: "\3c"; } - /* line 429, ../../../../general/res/sass/controls/_controls.scss */ + /* line 422, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next { left: auto; text-align: right; } - /* line 432, ../../../../general/res/sass/controls/_controls.scss */ + /* line 425, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .pager.next:before { content: "\3e"; } - /* line 437, ../../../../general/res/sass/controls/_controls.scss */ + /* line 430, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-month-year-pager .val { text-align: center; left: 25px; right: 25px; } - /* line 443, ../../../../general/res/sass/controls/_controls.scss */ + /* line 436, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-calendar, .l-datetime-picker .l-time-selects { border-top: 1px solid rgba(102, 102, 102, 0.2); } - /* line 447, ../../../../general/res/sass/controls/_controls.scss */ + /* line 440, ../../../../general/res/sass/controls/_controls.scss */ .l-datetime-picker .l-time-selects { line-height: 22px; } /******************************************************** CALENDAR */ -/* line 397, ../../../../general/res/sass/controls/_controls.scss */ +/* line 448, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; margin-top: 1px; } - /* line 459, ../../../../general/res/sass/controls/_controls.scss */ + /* line 452, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row:first-child { margin-top: 0; } - /* line 462, ../../../../general/res/sass/controls/_controls.scss */ + /* line 455, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li { -webkit-flex: 1 0; flex: 1 0; margin-left: 1px; padding: 5px; text-align: center; } - /* line 468, ../../../../general/res/sass/controls/_controls.scss */ + /* line 461, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row li:first-child { margin-left: 0; } - /* line 472, ../../../../general/res/sass/controls/_controls.scss */ + /* line 465, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-header li { color: #999999; } - /* line 475, ../../../../general/res/sass/controls/_controls.scss */ + /* line 468, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li { -moz-transition-property: background-color; -o-transition-property: background-color; @@ -2413,31 +2520,31 @@ label.checkbox.custom { -webkit-transition-delay: 0; transition-delay: 0; cursor: pointer; } - /* line 478, ../../../../general/res/sass/controls/_controls.scss */ + /* line 471, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.in-month { background-color: #f2f2f2; } - /* line 481, ../../../../general/res/sass/controls/_controls.scss */ + /* line 474, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li .sub { color: #999999; font-size: 0.8em; } - /* line 485, ../../../../general/res/sass/controls/_controls.scss */ + /* line 478, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected { background: #1ac6ff; color: #fcfcfc; } - /* line 488, ../../../../general/res/sass/controls/_controls.scss */ + /* line 481, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li.selected .sub { color: inherit; } - /* line 492, ../../../../general/res/sass/controls/_controls.scss */ + /* line 485, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover { background-color: #0099cc; color: #fff; } - /* line 495, ../../../../general/res/sass/controls/_controls.scss */ + /* line 488, ../../../../general/res/sass/controls/_controls.scss */ .l-calendar ul.l-cal-row.l-body li:hover .sub { color: inherit; } /******************************************************** BROWSER ELEMENTS */ @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 448, ../../../../general/res/sass/controls/_controls.scss */ + /* line 499, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar { -moz-border-radius: 2px; -webkit-border-radius: 2px; @@ -2452,7 +2559,7 @@ label.checkbox.custom { height: 10px; width: 10px; } - /* line 457, ../../../../general/res/sass/controls/_controls.scss */ + /* line 508, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ODk4OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkN2Q3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2466,7 +2573,7 @@ label.checkbox.custom { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } - /* line 466, ../../../../general/res/sass/controls/_controls.scss */ + /* line 517, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-thumb:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYWNlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOTljYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; @@ -2475,7 +2582,7 @@ label.checkbox.custom { background-image: -webkit-linear-gradient(#00ace6, #0099cc 20px); background-image: linear-gradient(#00ace6, #0099cc 20px); } - /* line 471, ../../../../general/res/sass/controls/_controls.scss */ + /* line 522, ../../../../general/res/sass/controls/_controls.scss */ ::-webkit-scrollbar-corner { background: rgba(0, 0, 0, 0.1); } } /***************************************************************************** @@ -3840,15 +3947,15 @@ textarea { /* line 29, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime { /* - .field-hints, - .fields { - } - - - .field-hints { - - } - */ } + .field-hints, + .fields { + } + + + .field-hints { + + } + */ } /* line 30, ../../../../general/res/sass/forms/_datetime.scss */ .complex.datetime span { display: inline-block; @@ -4095,26 +4202,19 @@ span.req { * this source code distribution or the Licensing information page available * at runtime from the About dialog for additional information. *****************************************************************************/ -/*.holder-all { - $myM: 0; // $interiorMarginSm; - top: $myM; - right: $myM; - bottom: $myM; - left: $myM; -}*/ -/* line 40, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 23, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-area, .edit-area, .editor { position: absolute; } -/* line 46, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 29, ../../../../general/res/sass/user-environ/_layout.scss */ .editor { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } -/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 33, ../../../../general/res/sass/user-environ/_layout.scss */ .contents { box-sizing: border-box; position: absolute; @@ -4122,21 +4222,21 @@ span.req { right: 0; bottom: 0; left: 0; } - /* line 58, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 41, ../../../../general/res/sass/user-environ/_layout.scss */ .contents.nomargin { right: 0px; bottom: 0px; left: 0px; } -/* line 67, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 50, ../../../../general/res/sass/user-environ/_layout.scss */ .bar .icon.major, .bar .major.t-item-icon { margin-right: 5px; } -/* line 70, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 53, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs, .bar.l-inspect, .l-datetime-picker .l-month-year-pager .bar.pager, .l-datetime-picker .l-month-year-pager .bar.val, .s-menu-btn span.bar.l-click-area { text-wrap: none; white-space: nowrap; } - /* line 73, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 56, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.left, .bar.left.l-inspect, .l-datetime-picker .l-month-year-pager .bar.left.pager, .l-datetime-picker .l-month-year-pager .bar.left.val, .s-menu-btn span.bar.left.l-click-area, .bar.abs .left, @@ -4146,7 +4246,7 @@ span.req { .s-menu-btn span.bar.l-click-area .left { width: 45%; right: auto; } - /* line 78, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 61, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right, .bar.right.l-inspect, .l-datetime-picker .l-month-year-pager .bar.right.pager, .l-datetime-picker .l-month-year-pager .bar.right.val, .s-menu-btn span.bar.right.l-click-area, .bar.abs .right, @@ -4157,7 +4257,7 @@ span.req { width: 45%; left: auto; text-align: right; } - /* line 83, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 66, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs.right .icon.major, .bar.right.l-inspect .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.pager .icon.major, .l-datetime-picker .l-month-year-pager .bar.right.val .icon.major, .s-menu-btn span.bar.right.l-click-area .icon.major, .bar.abs.right .major.t-item-icon, .bar.right.l-inspect .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.pager .major.t-item-icon, .l-datetime-picker .l-month-year-pager .bar.right.val .major.t-item-icon, .s-menu-btn span.bar.right.l-click-area .major.t-item-icon, @@ -4172,7 +4272,7 @@ span.req { .l-datetime-picker .l-month-year-pager .bar.val .right .major.t-item-icon, .s-menu-btn span.bar.l-click-area .right .major.t-item-icon { margin-left: 15px; } - /* line 89, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 72, ../../../../general/res/sass/user-environ/_layout.scss */ .bar.abs .l-flex .left, .bar.l-inspect .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.pager .l-flex .left, .l-datetime-picker .l-month-year-pager .bar.val .l-flex .left, .s-menu-btn span.bar.l-click-area .l-flex .left, .bar.abs .l-flex .right, @@ -4188,34 +4288,34 @@ span.req { .s-menu-btn span.bar.l-flex.l-click-area .right { width: auto; } -/* line 98, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 81, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area, .user-environ .editor { top: 0; left: 0; right: 0; bottom: 25px; } -/* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 88, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .browse-area > .contents, .user-environ .edit-area > .contents { left: 0; right: 0; } -/* line 111, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 94, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area { top: 45px; left: 10px; right: 10px; bottom: 35px; } - /* line 117, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 100, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .tool-bar { bottom: auto; height: 30px; line-height: 25px; } - /* line 122, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 105, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .edit-area .object-holder.work-area { top: 40px; overflow: auto; } -/* line 129, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 112, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar { overflow: hidden; position: absolute; @@ -4231,7 +4331,7 @@ span.req { background: #000; color: white; font-size: .7rem; } - /* line 138, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 121, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .status-holder { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4250,7 +4350,7 @@ span.req { right: 120px; text-transform: uppercase; z-index: 1; } - /* line 147, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 130, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -4267,143 +4367,87 @@ span.req { left: auto; width: 105px; z-index: 2; } - /* line 154, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 137, ../../../../general/res/sass/user-environ/_layout.scss */ .user-environ .ue-bottom-bar .app-logo.logo-openmctweb { background: url("../../../../general/res/images/logo-openmctweb.svg") no-repeat center center; } -/* line 161, ../../../../general/res/sass/user-environ/_layout.scss */ -.cols { - overflow: hidden; - *zoom: 1; } - /* line 163, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow: hidden; - *zoom: 1; - float: left; - margin-left: 1.5%; - padding-left: 5px; - position: relative; } - /* line 171, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .col:first-child { - margin-left: 0; - padding-left: 0; } - /* line 178, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2 .col-1 { - min-width: 250px; - width: 48.5%; } - /* line 184, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-2-ff .col-100px { - width: 100px; } - /* line 191, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-6 .col-1 { - min-width: 83.33333px; - width: 15.16667%; } - /* line 197, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-1 { - min-width: 31.25px; - width: 4.75%; } - /* line 200, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-2 { - min-width: 62.5px; - width: 11%; } - /* line 203, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-16 .col-7 { - min-width: 218.75px; - width: 42.25%; } - /* line 209, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-2 { - min-width: 31.25px; - width: 4.75%; } - /* line 212, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols.cols-32 .col-15 { - min-width: 234.375px; - width: 45.375%; } - /* line 216, ../../../../general/res/sass/user-environ/_layout.scss */ - .cols .l-row { - overflow: hidden; - *zoom: 1; - padding: 5px 0; } - -/* line 226, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 148, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.treeview.left { min-width: 150px; max-width: 800px; width: 25%; } -/* line 231, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 153, ../../../../general/res/sass/user-environ/_layout.scss */ .browse-mode .split-layout .split-pane-component.pane.t-inspect.right { min-width: 200px; max-width: 600px; width: 20%; } -/* line 243, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 165, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right { width: 15%; } - /* line 245, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 167, ../../../../general/res/sass/user-environ/_layout.scss */ .edit-mode .split-layout .split-pane-component.pane.right .pane.bottom { min-height: 50px; height: 30%; } -/* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 175, ../../../../general/res/sass/user-environ/_layout.scss */ .pane { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; } - /* line 257, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 179, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .pane-header { text-transform: uppercase; height: 24px; line-height: 24px; margin-bottom: 5px; } - /* line 264, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 186, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .primary-pane { z-index: 2; } - /* line 282, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 204, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .search-holder { top: 34px; } - /* line 285, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 207, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { overflow: auto; top: 64px; } - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { z-index: 5; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 291, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 213, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane { top: 10px; height: 24px; line-height: 24px; } - /* line 300, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 222, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane:after { opacity: 0; } - /* line 305, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 227, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:before { opacity: 0; } - /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 230, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.collapsed:after { opacity: 1; } - /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 234, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left { left: 0; -moz-transform: translateX(-33px); -ms-transform: translateX(-33px); -webkit-transform: translateX(-33px); transform: translateX(-33px); } - /* line 315, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 237, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:after { content: '\6d'; } - /* line 318, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { left: 0; -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -webkit-transform: translateX(-15px); transform: translateX(-15px); } - /* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4421,16 +4465,16 @@ span.req { -o-transition-delay: 200ms; -webkit-transition-delay: 200ms; transition-delay: 200ms; } - /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 248, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right { right: 10px; } - /* line 328, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 250, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right:after { content: '\e615'; } - /* line 331, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 253, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-inspect.anchor-right.collapsed { right: 5px; } } - /* line 340, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 262, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.items .object-browse-bar .left.abs, .pane.items .object-browse-bar .left.l-inspect, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.pager, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.pager, .pane.items .object-browse-bar .l-datetime-picker .l-month-year-pager .left.val, .l-datetime-picker .l-month-year-pager .pane.items .object-browse-bar .left.val, .pane.items .object-browse-bar .s-menu-btn span.left.l-click-area, .s-menu-btn .pane.items .object-browse-bar span.left.l-click-area, @@ -4444,7 +4488,7 @@ span.req { .s-menu-btn .pane.items .object-browse-bar span.right.l-click-area { top: auto; } -/* line 348, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 270, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout { /* &.vertical { // Slides left and right @@ -4459,36 +4503,36 @@ span.req { } } }*/ } - /* line 351, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 273, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane { margin-top: 5px; } - /* line 354, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 276, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout.horizontal > .pane:first-child { margin-top: 0; } - /* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 296, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-create-and-search { top: 10px; right: 0; bottom: 10px; left: 10px; } - /* line 381, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 303, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector { top: 0; right: 0; bottom: 0; left: 0; } - /* line 386, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 308, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-object { top: 10px; bottom: 10px; } - /* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 312, ../../../../general/res/sass/user-environ/_layout.scss */ .split-layout .holder.holder-object-and-inspector .holder-inspector-elements { top: 10px; bottom: 10px; left: 10px; right: 10px; } -/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 322, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder { overflow: auto; position: absolute; @@ -4499,11 +4543,11 @@ span.req { width: auto; height: auto; top: 34px; } - /* line 293, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 326, ../../../../general/res/sass/user-environ/_layout.scss */ .object-holder.l-controls-visible.l-time-controller-visible { bottom: 88px; } -/* line 299, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 332, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .s-btn, .object-browse-bar .s-menu-btn, .top-bar .buttons-main .s-btn, .top-bar .buttons-main .s-menu-btn, @@ -4515,12 +4559,12 @@ span.req { line-height: 25px; vertical-align: top; } -/* line 426, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 345, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .view-switcher, .top-bar .view-switcher { margin-right: 20px; } -/* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { overflow: visible; position: absolute; @@ -4536,55 +4580,34 @@ span.req { height: 24px; line-height: 24px; white-space: nowrap; } - /* line 439, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 358, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left { padding-right: 20px; } - /* line 441, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 360, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar .left .l-back { display: inline-block; float: left; margin-right: 10px; } -/* line 335, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; } - /* line 452, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ .l-flex .left { flex: 1 1 0; -webkit-flex: 1 1 0; padding-right: 10px; } -/* line 462, ../../../../general/res/sass/user-environ/_layout.scss */ -.pane-tree-hidden { - /*.holder-create-and-search { - @include trans-prop-nice((top, left), 250ms); - top: $ueTopBarH + $interiorMargin; - left: -1 * $bodyMargin !important; - .create-btn { - @include border-left-radius(0); - @include trans-prop-nice((width), 250ms); - width: $uePaneMiniTabW !important; - text-align: center !important; - padding: 0; - .title-label, - &:after { - display: none; - } - &:before { - font-size: 9px; - } - } - }*/ } - /* line 465, ../../../../general/res/sass/user-environ/_layout.scss */ - .pane-tree-hidden .tree-holder, - .pane-tree-hidden .splitter-treeview, - .pane-tree-hidden .holder-create-and-search { - opacity: 0; } +/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ +.pane-tree-hidden .tree-holder, +.pane-tree-hidden .splitter-treeview, +.pane-tree-hidden .holder-create-and-search { + opacity: 0; } -/* line 494, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4604,7 +4627,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 500, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-create-and-search { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4623,7 +4646,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 507, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4644,25 +4667,25 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 516, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 524, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 528, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 20px !important; } - /* line 531, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 20px !important; } - /* line 534, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; @@ -5850,9 +5873,9 @@ ul.tree { *****************************************************************************/ /* line 22, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar { - /* .title { - color: #fff; - }*/ } + /* .title { + color: #fff; + }*/ } /* line 23, ../../../../general/res/sass/user-environ/_top-bar.scss */ .top-bar.browse, .top-bar.edit { border-bottom: 1px solid rgba(102, 102, 102, 0.2); From f4325e2bb3ca745cf4ac3163f6e6b7a16c2a8bcf Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 4 Nov 2015 15:20:42 -0800 Subject: [PATCH 3/5] [Frontend] Inspector-related fixes open #244 Moved older .l-flex class out of layout and into archetypes, updated definition; --- .../general/res/sass/_archetypes.scss | 15 ++-- .../res/sass/user-environ/_layout.scss | 10 --- .../espresso/res/css/theme-espresso.css | 72 +++++++++---------- .../themes/snow/res/css/theme-snow.css | 72 +++++++++---------- 4 files changed, 81 insertions(+), 88 deletions(-) diff --git a/platform/commonUI/general/res/sass/_archetypes.scss b/platform/commonUI/general/res/sass/_archetypes.scss index 54389b0eac..88c34ad3bd 100644 --- a/platform/commonUI/general/res/sass/_archetypes.scss +++ b/platform/commonUI/general/res/sass/_archetypes.scss @@ -91,6 +91,7 @@ padding: $interiorMargin 0; } } + /********************************************* FLEX STYLES */ .l-flex-row, .l-flex-col { @@ -106,11 +107,13 @@ } } -.l-flex-row { - @include flex-direction(row); +.l-flex-row { @include flex-direction(row); } +.l-flex-col { @include flex-direction(column); } -} - -.l-flex-col { - @include flex-direction(column); +.l-flex { + @extend .l-flex-row; + .left { + @include flex(1 1 0); + padding-right: $interiorMarginLg; + } } \ No newline at end of file diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index f421487cf0..4e3045fff8 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -365,16 +365,6 @@ } } -.l-flex { - @include webkitVal('display', 'flex'); - @include webkitProp('flex-flow', 'row nowrap'); - .left { - //@include test(red); - @include webkitProp(flex, '1 1 0'); - padding-right: $interiorMarginLg; - } -} - // When the tree is hidden, these are the // classes used for the left menu and the // right representation. diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 2da486e9bc..6cffc059da 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -508,33 +508,39 @@ mct-container { /********************************************* FLEX STYLES */ /* line 95, ../../../../general/res/sass/_archetypes.scss */ -.l-flex-row, +.l-flex-row, .l-flex, .l-flex-col { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* line 100, ../../../../general/res/sass/_archetypes.scss */ - .l-flex-row .flex-elem:not(.grows), + .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows), .l-flex-col .flex-elem:not(.grows) { -webkit-flex: 0 1 auto; flex: 0 1 auto; } /* line 103, ../../../../general/res/sass/_archetypes.scss */ - .l-flex-row .flex-elem.grows, + .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows, .l-flex-col .flex-elem.grows { -webkit-flex: 1 1 auto; flex: 1 1 auto; } /* line 109, ../../../../general/res/sass/_archetypes.scss */ -.l-flex-row { +.l-flex-row, .l-flex { -webkit-flex-direction: row; flex-direction: row; } -/* line 114, ../../../../general/res/sass/_archetypes.scss */ +/* line 110, ../../../../general/res/sass/_archetypes.scss */ .l-flex-col { -webkit-flex-direction: column; flex-direction: column; } +/* line 116, ../../../../general/res/sass/_archetypes.scss */ +.l-flex .left { + -webkit-flex: 1 1 0; + flex: 1 1 0; + padding-right: 10px; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1406,14 +1412,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { margin-right: 5px; vertical-align: bottom; } /* line 47, ../../../../general/res/sass/_inspector.scss */ + .l-inspect ul { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-right: 5px; } + /* line 52, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li, .l-inspect em { display: block; position: relative; } - /* line 53, ../../../../general/res/sass/_inspector.scss */ + /* line 58, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li { margin-bottom: 10px; } - /* line 57, ../../../../general/res/sass/_inspector.scss */ + /* line 62, ../../../../general/res/sass/_inspector.scss */ .l-inspect em { -moz-border-radius: 3px; -webkit-border-radius: 3px; @@ -1423,34 +1435,34 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { margin-bottom: 5px; padding: 5px 5px; text-transform: uppercase; } - /* line 66, ../../../../general/res/sass/_inspector.scss */ + /* line 71, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties { padding: 3px 0; } - /* line 67, ../../../../general/res/sass/_inspector.scss */ + /* line 72, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties:not(.first) { border-top: 1px solid #474747; } - /* line 71, ../../../../general/res/sass/_inspector.scss */ + /* line 76, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .label { color: #737373; text-transform: uppercase; } - /* line 75, ../../../../general/res/sass/_inspector.scss */ + /* line 80, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .value { color: #bfbfbf; word-break: break-all; } - /* line 83, ../../../../general/res/sass/_inspector.scss */ + /* line 88, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item { cursor: pointer; display: inline-block; position: relative; padding: 2px 4px; } - /* line 88, ../../../../general/res/sass/_inspector.scss */ + /* line 93, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover { background: rgba(153, 153, 153, 0.1); color: #cccccc; } - /* line 91, ../../../../general/res/sass/_inspector.scss */ + /* line 96, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { color: #33ccff; } - /* line 96, ../../../../general/res/sass/_inspector.scss */ + /* line 101, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after { color: #737373; content: '\3e'; @@ -4667,25 +4679,13 @@ span.req { float: left; margin-right: 10px; } -/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ -.l-flex { - display: flex; - display: -webkit-flex; - flex-flow: row nowrap; - -webkit-flex-flow: row nowrap; } - /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-flex .left { - flex: 1 1 0; - -webkit-flex: 1 1 0; - padding-right: 10px; } - -/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .tree-holder, .pane-tree-hidden .splitter-treeview, .pane-tree-hidden .holder-create-and-search { opacity: 0; } -/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4705,7 +4705,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-create-and-search { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4724,7 +4724,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 397, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4745,25 +4745,25 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 406, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 414, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 20px !important; } - /* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 421, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 20px !important; } - /* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index ed1e1cbcbf..cc80ecd0df 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -508,33 +508,39 @@ mct-container { /********************************************* FLEX STYLES */ /* line 95, ../../../../general/res/sass/_archetypes.scss */ -.l-flex-row, +.l-flex-row, .l-flex, .l-flex-col { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } /* line 100, ../../../../general/res/sass/_archetypes.scss */ - .l-flex-row .flex-elem:not(.grows), + .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows), .l-flex-col .flex-elem:not(.grows) { -webkit-flex: 0 1 auto; flex: 0 1 auto; } /* line 103, ../../../../general/res/sass/_archetypes.scss */ - .l-flex-row .flex-elem.grows, + .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows, .l-flex-col .flex-elem.grows { -webkit-flex: 1 1 auto; flex: 1 1 auto; } /* line 109, ../../../../general/res/sass/_archetypes.scss */ -.l-flex-row { +.l-flex-row, .l-flex { -webkit-flex-direction: row; flex-direction: row; } -/* line 114, ../../../../general/res/sass/_archetypes.scss */ +/* line 110, ../../../../general/res/sass/_archetypes.scss */ .l-flex-col { -webkit-flex-direction: column; flex-direction: column; } +/* line 116, ../../../../general/res/sass/_archetypes.scss */ +.l-flex .left { + -webkit-flex: 1 1 0; + flex: 1 1 0; + padding-right: 10px; } + /***************************************************************************** * Open MCT Web, Copyright (c) 2014-2015, United States Government * as represented by the Administrator of the National Aeronautics and Space @@ -1387,14 +1393,20 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { margin-right: 5px; vertical-align: bottom; } /* line 47, ../../../../general/res/sass/_inspector.scss */ + .l-inspect ul { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding-right: 5px; } + /* line 52, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li, .l-inspect em { display: block; position: relative; } - /* line 53, ../../../../general/res/sass/_inspector.scss */ + /* line 58, ../../../../general/res/sass/_inspector.scss */ .l-inspect ul li { margin-bottom: 10px; } - /* line 57, ../../../../general/res/sass/_inspector.scss */ + /* line 62, ../../../../general/res/sass/_inspector.scss */ .l-inspect em { -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -1404,34 +1416,34 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { margin-bottom: 5px; padding: 5px 5px; text-transform: uppercase; } - /* line 66, ../../../../general/res/sass/_inspector.scss */ + /* line 71, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties { padding: 3px 0; } - /* line 67, ../../../../general/res/sass/_inspector.scss */ + /* line 72, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties:not(.first) { border-top: 1px solid #e3e3e3; } - /* line 71, ../../../../general/res/sass/_inspector.scss */ + /* line 76, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .label { color: #999999; text-transform: uppercase; } - /* line 75, ../../../../general/res/sass/_inspector.scss */ + /* line 80, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-properties .value { color: #404040; word-break: break-all; } - /* line 83, ../../../../general/res/sass/_inspector.scss */ + /* line 88, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item { cursor: pointer; display: inline-block; position: relative; padding: 2px 4px; } - /* line 88, ../../../../general/res/sass/_inspector.scss */ + /* line 93, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover { background: rgba(102, 102, 102, 0.1); color: #333333; } - /* line 91, ../../../../general/res/sass/_inspector.scss */ + /* line 96, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location .location-item:hover .icon, .l-inspect .inspector-location .location-item:hover .t-item-icon { color: #0099cc; } - /* line 96, ../../../../general/res/sass/_inspector.scss */ + /* line 101, ../../../../general/res/sass/_inspector.scss */ .l-inspect .inspector-location:not(.last) .t-object-label .t-title-label:after { color: #8c8c8c; content: '\3e'; @@ -4589,25 +4601,13 @@ span.req { float: left; margin-right: 10px; } -/* line 368, ../../../../general/res/sass/user-environ/_layout.scss */ -.l-flex { - display: flex; - display: -webkit-flex; - flex-flow: row nowrap; - -webkit-flex-flow: row nowrap; } - /* line 371, ../../../../general/res/sass/user-environ/_layout.scss */ - .l-flex .left { - flex: 1 1 0; - -webkit-flex: 1 1 0; - padding-right: 10px; } - -/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 374, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .tree-holder, .pane-tree-hidden .splitter-treeview, .pane-tree-hidden .holder-create-and-search { opacity: 0; } -/* line 394, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 384, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .tree-holder, .pane-tree-showing .splitter-treeview { -moz-transition-property: opacity; @@ -4627,7 +4627,7 @@ span.req { -webkit-transition-delay: 250ms; transition-delay: 250ms; opacity: 1; } -/* line 400, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 390, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-showing .holder-create-and-search { -moz-transition-property: opacity; -o-transition-property: opacity; @@ -4646,7 +4646,7 @@ span.req { -webkit-transition-delay: 200ms; transition-delay: 200ms; } -/* line 407, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 397, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-showing .l-object-and-inspector .l-inspect, .pane-inspect-showing .l-object-and-inspector .splitter-inspect { -moz-transition-property: opacity; @@ -4667,25 +4667,25 @@ span.req { transition-delay: 250ms; opacity: 1; } -/* line 416, ../../../../general/res/sass/user-environ/_layout.scss */ +/* line 406, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .l-inspect, .pane-inspect-hidden .l-object-and-inspector .splitter-inspect { opacity: 0; } @media screen and (min-device-width: 800px) and (min-device-height: 1025px), screen and (min-device-width: 1025px) and (min-device-height: 800px) { - /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 414, ../../../../general/res/sass/user-environ/_layout.scss */ .pane.treeview.left .tree-holder { padding-right: 5px; } - /* line 428, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { left: 20px !important; } - /* line 431, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 421, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { right: 20px !important; } - /* line 434, ../../../../general/res/sass/user-environ/_layout.scss */ + /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { -moz-transition-property: width, left, right; -o-transition-property: width, left, right; From 5f1f54fa91272046e25847bbc773e80594197f9c Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 4 Nov 2015 15:47:13 -0800 Subject: [PATCH 4/5] [Frontend] Inspector-related fixes open #243 Enlarged size of mini-tab icon when panes are collapsed; Increased size of edge margin to allow for larger icons; --- .../commonUI/general/res/sass/_constants.scss | 3 +- .../general/res/sass/controls/_buttons.scss | 5 +++ .../espresso/res/css/theme-espresso.css | 42 ++++++++++--------- .../themes/snow/res/css/theme-snow.css | 42 ++++++++++--------- 4 files changed, 53 insertions(+), 39 deletions(-) diff --git a/platform/commonUI/general/res/sass/_constants.scss b/platform/commonUI/general/res/sass/_constants.scss index a3305cf0a4..e0d9f34bd6 100644 --- a/platform/commonUI/general/res/sass/_constants.scss +++ b/platform/commonUI/general/res/sass/_constants.scss @@ -44,9 +44,10 @@ $ueAppLogoW: 105px; $ueEditToolBarH: 25px; $ueBrowseLeftPaneTreeW: 25%; $ueBrowseRightPaneInspectW: 20%; -$ueCollapsedPaneEdgeM: 20px; +$ueCollapsedPaneEdgeM: 22px; $uePaneMiniTabH: $ueTopBarH; $uePaneMiniTabW: 9px; +$uePaneMiniTabCollapsedW: 11px; $ueEditLeftPaneW: 75%; $treeSearchInputBarH: 25px; $ueTimeControlH: (33px, 20px, 20px); diff --git a/platform/commonUI/general/res/sass/controls/_buttons.scss b/platform/commonUI/general/res/sass/controls/_buttons.scss index 956e144899..5431b0f563 100644 --- a/platform/commonUI/general/res/sass/controls/_buttons.scss +++ b/platform/commonUI/general/res/sass/controls/_buttons.scss @@ -225,6 +225,11 @@ $pad: $interiorMargin * $baseRatio; overflow: hidden; word-break: break-all; + &.collapsed { + $d: $uePaneMiniTabCollapsedW; + width: $d; font-size: $d; + } + &:before, &:after { position: absolute; diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 6cffc059da..d0d1a2c63b 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -507,35 +507,35 @@ mct-container { padding: 5px 0; } /********************************************* FLEX STYLES */ -/* line 95, ../../../../general/res/sass/_archetypes.scss */ +/* line 96, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row, .l-flex, .l-flex-col { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } - /* line 100, ../../../../general/res/sass/_archetypes.scss */ + /* line 101, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows), .l-flex-col .flex-elem:not(.grows) { -webkit-flex: 0 1 auto; flex: 0 1 auto; } - /* line 103, ../../../../general/res/sass/_archetypes.scss */ + /* line 104, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows, .l-flex-col .flex-elem.grows { -webkit-flex: 1 1 auto; flex: 1 1 auto; } -/* line 109, ../../../../general/res/sass/_archetypes.scss */ +/* line 110, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row, .l-flex { -webkit-flex-direction: row; flex-direction: row; } -/* line 110, ../../../../general/res/sass/_archetypes.scss */ +/* line 111, ../../../../general/res/sass/_archetypes.scss */ .l-flex-col { -webkit-flex-direction: column; flex-direction: column; } -/* line 116, ../../../../general/res/sass/_archetypes.scss */ +/* line 115, ../../../../general/res/sass/_archetypes.scss */ .l-flex .left { -webkit-flex: 1 1 0; flex: 1 1 0; @@ -1895,26 +1895,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { overflow: hidden; word-break: break-all; } /* line 228, ../../../../general/res/sass/controls/_buttons.scss */ + .mini-tab-icon.collapsed { + width: 11px; + font-size: 11px; } + /* line 233, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 234, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 239, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 245, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 250, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 251, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 256, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 257, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 262, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; @@ -1923,7 +1927,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } - /* line 264, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 269, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; @@ -1932,7 +1936,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } -/* line 271, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 276, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #c56f01 !important; color: #c56f01 !important; } @@ -4533,10 +4537,10 @@ span.req { /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { left: 0; - -moz-transform: translateX(-15px); - -ms-transform: translateX(-15px); - -webkit-transform: translateX(-15px); - transform: translateX(-15px); } + -moz-transform: translateX(-17px); + -ms-transform: translateX(-17px); + -webkit-transform: translateX(-17px); + transform: translateX(-17px); } /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { -moz-transition-property: opacity; @@ -4757,11 +4761,11 @@ span.req { /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { - left: 20px !important; } + left: 22px !important; } /* line 421, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { - right: 20px !important; } + right: 22px !important; } /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index cc80ecd0df..1e3717427f 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -507,35 +507,35 @@ mct-container { padding: 5px 0; } /********************************************* FLEX STYLES */ -/* line 95, ../../../../general/res/sass/_archetypes.scss */ +/* line 96, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row, .l-flex, .l-flex-col { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } - /* line 100, ../../../../general/res/sass/_archetypes.scss */ + /* line 101, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row .flex-elem:not(.grows), .l-flex .flex-elem:not(.grows), .l-flex-col .flex-elem:not(.grows) { -webkit-flex: 0 1 auto; flex: 0 1 auto; } - /* line 103, ../../../../general/res/sass/_archetypes.scss */ + /* line 104, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row .flex-elem.grows, .l-flex .flex-elem.grows, .l-flex-col .flex-elem.grows { -webkit-flex: 1 1 auto; flex: 1 1 auto; } -/* line 109, ../../../../general/res/sass/_archetypes.scss */ +/* line 110, ../../../../general/res/sass/_archetypes.scss */ .l-flex-row, .l-flex { -webkit-flex-direction: row; flex-direction: row; } -/* line 110, ../../../../general/res/sass/_archetypes.scss */ +/* line 111, ../../../../general/res/sass/_archetypes.scss */ .l-flex-col { -webkit-flex-direction: column; flex-direction: column; } -/* line 116, ../../../../general/res/sass/_archetypes.scss */ +/* line 115, ../../../../general/res/sass/_archetypes.scss */ .l-flex .left { -webkit-flex: 1 1 0; flex: 1 1 0; @@ -1840,26 +1840,30 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { overflow: hidden; word-break: break-all; } /* line 228, ../../../../general/res/sass/controls/_buttons.scss */ + .mini-tab-icon.collapsed { + width: 11px; + font-size: 11px; } + /* line 233, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before, .mini-tab-icon:after { position: absolute; display: inherit; } - /* line 234, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 239, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:before { content: '\78'; } - /* line 238, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 243, ../../../../general/res/sass/controls/_buttons.scss */ .mini-tab-icon:hover { color: #0099cc; } } -/* line 245, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 250, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set { font-size: 0; } - /* line 251, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 256, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .s-btn, .l-btn-set .s-menu-btn { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-left: 1px; } - /* line 257, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 262, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .first .s-btn, .l-btn-set .first .s-menu-btn { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; @@ -1868,7 +1872,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; } - /* line 264, ../../../../general/res/sass/controls/_buttons.scss */ + /* line 269, ../../../../general/res/sass/controls/_buttons.scss */ .l-btn-set .last .s-btn, .l-btn-set .last .s-menu-btn { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; @@ -1877,7 +1881,7 @@ tr[class*="s-limit"].s-limit-lwr td:first-child:before { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } -/* line 271, ../../../../general/res/sass/controls/_buttons.scss */ +/* line 276, ../../../../general/res/sass/controls/_buttons.scss */ .paused:not(.s-btn):not(.s-menu-btn) { border-color: #ff9900 !important; color: #ff9900 !important; } @@ -4455,10 +4459,10 @@ span.req { /* line 240, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left.collapsed { left: 0; - -moz-transform: translateX(-15px); - -ms-transform: translateX(-15px); - -webkit-transform: translateX(-15px); - transform: translateX(-15px); } + -moz-transform: translateX(-17px); + -ms-transform: translateX(-17px); + -webkit-transform: translateX(-17px); + transform: translateX(-17px); } /* line 244, ../../../../general/res/sass/user-environ/_layout.scss */ .pane .mini-tab-icon.toggle-pane.toggle-tree.anchor-left:not(.collapsed):before { -moz-transition-property: opacity; @@ -4679,11 +4683,11 @@ span.req { /* line 418, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-tree-hidden .pane.right.primary-pane { - left: 20px !important; } + left: 22px !important; } /* line 421, ../../../../general/res/sass/user-environ/_layout.scss */ .pane-inspect-hidden .l-object-and-inspector .pane.left { - right: 20px !important; } + right: 22px !important; } /* line 424, ../../../../general/res/sass/user-environ/_layout.scss */ .pane:not(.resizing) { From e49b55024ffe55eada42a21abc345880c296ab1a Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Wed, 4 Nov 2015 16:00:22 -0800 Subject: [PATCH 5/5] [Frontend] Inspector-related fixes open #247 Modded styles applied to .object-browse-bar to use overflow:hidden instead of visible; --- platform/commonUI/general/res/sass/user-environ/_layout.scss | 2 +- platform/commonUI/themes/espresso/res/css/theme-espresso.css | 2 +- platform/commonUI/themes/snow/res/css/theme-snow.css | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/platform/commonUI/general/res/sass/user-environ/_layout.scss b/platform/commonUI/general/res/sass/user-environ/_layout.scss index 4e3045fff8..e6e6ba5f93 100644 --- a/platform/commonUI/general/res/sass/user-environ/_layout.scss +++ b/platform/commonUI/general/res/sass/user-environ/_layout.scss @@ -349,7 +349,7 @@ .object-browse-bar { //@include test(blue); - @include absPosDefault(0, visible); + @include absPosDefault(0, hidden); @include box-sizing(border-box); height: $ueTopBarH; line-height: $ueTopBarH; diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index d0d1a2c63b..506a023511 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -4660,7 +4660,7 @@ span.req { /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { - overflow: visible; + overflow: hidden; position: absolute; top: 0; right: 0; diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index 1e3717427f..3aaf090ae9 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -4582,7 +4582,7 @@ span.req { /* line 350, ../../../../general/res/sass/user-environ/_layout.scss */ .object-browse-bar { - overflow: visible; + overflow: hidden; position: absolute; top: 0; right: 0;