diff --git a/packages/api/src/ITooltip.css b/packages/api/src/ITooltip.css index d725b43157..ffd6b16650 100644 --- a/packages/api/src/ITooltip.css +++ b/packages/api/src/ITooltip.css @@ -6,11 +6,11 @@ color: #fff; border-radius: 2px; pointer-events: none !important; - z-index:10; + z-index: 10; } .d3-tip.hidden { - visibility:hidden; + visibility: hidden; } /* Creates a small triangle extender for the tooltip */ @@ -18,7 +18,7 @@ content: " "; box-sizing: border-box; display: inline-block; - border: 4px solid rgba(0, 0, 0, 0.66); + border: 4px solid rgba(0, 0, 0, 0.66); position: absolute; pointer-events: none !important; width: 8px; @@ -50,6 +50,7 @@ .d3-tip.s { margin-top: 8px; } + .d3-tip.s:after { top: -12px; left: calc(50% - 4px); @@ -78,42 +79,42 @@ opacity: 0.66; } -.d3-tip.ITooltip-tooltipStyle-series-table{ +.d3-tip.ITooltip-tooltipStyle-series-table { padding: 0; } .d3-tip .ITooltip-series-table th, -.d3-tip .ITooltip-series-table td{ +.d3-tip .ITooltip-series-table td { padding: 6px; text-align: left; border: 1px solid #D1D1D1; } -.d3-tip .ITooltip-series-table .series-table-row-color{ +.d3-tip .ITooltip-series-table .series-table-row-color { display: inline-block; height: 10px; width: 10px; margin-right: 10px; } -.d3-tip .ITooltip-series-table .series-table-row-label{ +.d3-tip .ITooltip-series-table .series-table-row-label { display: inline-block; } -.d3-tip .ITooltip-series-table th{ +.d3-tip .ITooltip-series-table th { background-color: #B3B3B3; } -.d3-tip .ITooltip-series-table td{ +.d3-tip .ITooltip-series-table td { background-color: #FFF; color: #555; font-weight: normal; } -.d3-tip .ITooltip-series-table td:first-child{ +.d3-tip .ITooltip-series-table td:first-child { border-right: 0; } -table.ITooltip-series-table td:last-child{ +table.ITooltip-series-table td:last-child { border-left: 1px dotted #A3A3A3; -} +} \ No newline at end of file diff --git a/packages/chart/src/Axis.css b/packages/chart/src/Axis.css index f11751b354..8eab3dc76e 100644 --- a/packages/chart/src/Axis.css +++ b/packages/chart/src/Axis.css @@ -3,7 +3,7 @@ font: 10px sans-serif; } -.chart_Axis .axis .tick > text { +.chart_Axis .axis .tick>text { font: 10px sans-serif; } @@ -13,22 +13,24 @@ stroke: black; } -.chart_Axis .guide path.domain -{ +.chart_Axis .guide path.domain { fill: none; stroke: none; } + .chart_Axis .guide .tick line { fill: none; stroke: lightgrey; opacity: 0.7; } + .chart_Axis .guide .tick.guide-0 line { stroke: black; stroke-width: 1; stroke-dasharray: 3 5; } + .chart_Axis line, -.chart_Axis path{ +.chart_Axis path { shape-rendering: crispEdges; -} +} \ No newline at end of file diff --git a/packages/chart/src/Bullet.css b/packages/chart/src/Bullet.css index 7f21ffac60..cbe8cf31b8 100644 --- a/packages/chart/src/Bullet.css +++ b/packages/chart/src/Bullet.css @@ -57,4 +57,4 @@ .chart_Bullet .bullet .subtitle { fill: #999; -} +} \ No newline at end of file diff --git a/packages/chart/src/HexBin.css b/packages/chart/src/HexBin.css index 7cf8cbc0b7..b17e5828f3 100644 --- a/packages/chart/src/HexBin.css +++ b/packages/chart/src/HexBin.css @@ -6,4 +6,4 @@ .chart_HexBin .hexagon.selected { stroke: red; -} +} \ No newline at end of file diff --git a/packages/chart/src/Line.css b/packages/chart/src/Line.css index fa20c867c8..62fe94e451 100644 --- a/packages/chart/src/Line.css +++ b/packages/chart/src/Line.css @@ -2,5 +2,4 @@ fill: none; stroke: steelblue; stroke-width: 1.5px; -} - +} \ No newline at end of file diff --git a/packages/chart/src/Radar.css b/packages/chart/src/Radar.css index ddd2bfcf59..524dd0b10d 100644 --- a/packages/chart/src/Radar.css +++ b/packages/chart/src/Radar.css @@ -12,4 +12,4 @@ .chart_Radar .point .pointSelection.selected { fill: none; stroke: red; -} +} \ No newline at end of file diff --git a/packages/chart/src/Summary.css b/packages/chart/src/Summary.css index d823e70897..b935085329 100644 --- a/packages/chart/src/Summary.css +++ b/packages/chart/src/Summary.css @@ -24,7 +24,7 @@ .chart_Summary .bgIcon { position: relative; } - + .chart_Summary .content { float: left; width: 100%; @@ -39,18 +39,18 @@ } .chart_Summary .content .text { - padding-left: 10px; + padding-left: 10px; } .chart_Summary .content .more { position: absolute; - bottom:0px; + bottom: 0px; width: 100%; height: 3em; line-height: 3em; } .chart_Summary .content .more i { - padding-left: 10px; - padding-right: 0.5em; -} + padding-left: 10px; + padding-right: 0.5em; +} \ No newline at end of file diff --git a/packages/chart/src/WordCloud.css b/packages/chart/src/WordCloud.css index 53d88098fb..757871ac4f 100644 --- a/packages/chart/src/WordCloud.css +++ b/packages/chart/src/WordCloud.css @@ -1,3 +1,3 @@ .other_Wordcloud text { cursor: pointer; -} +} \ No newline at end of file diff --git a/packages/chart/src/XYAxis.css b/packages/chart/src/XYAxis.css index 7f905f9993..a874efe0f6 100644 --- a/packages/chart/src/XYAxis.css +++ b/packages/chart/src/XYAxis.css @@ -3,12 +3,12 @@ font: 10px sans-serif; } -.chart_XYAxis .tick > text { +.chart_XYAxis .tick>text { font: 10px sans-serif; } .chart_XYAxis .focus .chart_Axis.value .tick { - visibility:hidden; + visibility: hidden; } .chart_XYAxis .axis path, @@ -36,6 +36,6 @@ } .chart_XYAxis .brush path.handle--custom { - fill: #eee; - stroke: #666; -} + fill: #eee; + stroke: #666; +} \ No newline at end of file diff --git a/packages/codemirror/src/ECLEditor.css b/packages/codemirror/src/ECLEditor.css index c31d6bc467..3c9ea93cf6 100644 --- a/packages/codemirror/src/ECLEditor.css +++ b/packages/codemirror/src/ECLEditor.css @@ -1,12 +1,50 @@ -.codemirror_ECLEditor .cm-s-default span.cm-comment { color: #008000; } -.codemirror_ECLEditor .cm-s-default span.cm-keyword { color: #0000ff; } -.codemirror_ECLEditor .cm-s-default span.cm-variable { font-weight: bold; color: #000080; } -.codemirror_ECLEditor .cm-s-default span.cm-variable-2 { color: #800000; } -.codemirror_ECLEditor .cm-s-default span.cm-variable-3 { color: #800000; } -.codemirror_ECLEditor .cm-s-default span.cm-builtin { color: #800080; } -.codemirror_ECLEditor .cm-s-default span.cm-string { color: #808080; } -.codemirror_ECLEditor .cm-s-default span.cm-number, .cm-s-default span.cm-atom { color: #000000; } -.codemirror_ECLEditor .cm-s-default span.cm-meta {color: #004080;} -.codemirror_ECLEditor .ErrorLine {background: #cc0000 !important;color:white!important;} -.codemirror_ECLEditor .WarningLine {background: #ffff99 !important;} -.codemirror_ECLEditor .highlightline { background: #e8f2ff !important; } +.codemirror_ECLEditor .cm-s-default span.cm-comment { + color: #008000; +} + +.codemirror_ECLEditor .cm-s-default span.cm-keyword { + color: #0000ff; +} + +.codemirror_ECLEditor .cm-s-default span.cm-variable { + font-weight: bold; + color: #000080; +} + +.codemirror_ECLEditor .cm-s-default span.cm-variable-2 { + color: #800000; +} + +.codemirror_ECLEditor .cm-s-default span.cm-variable-3 { + color: #800000; +} + +.codemirror_ECLEditor .cm-s-default span.cm-builtin { + color: #800080; +} + +.codemirror_ECLEditor .cm-s-default span.cm-string { + color: #808080; +} + +.codemirror_ECLEditor .cm-s-default span.cm-number, +.cm-s-default span.cm-atom { + color: #000000; +} + +.codemirror_ECLEditor .cm-s-default span.cm-meta { + color: #004080; +} + +.codemirror_ECLEditor .ErrorLine { + background: #cc0000 !important; + color: white !important; +} + +.codemirror_ECLEditor .WarningLine { + background: #ffff99 !important; +} + +.codemirror_ECLEditor .highlightline { + background: #e8f2ff !important; +} \ No newline at end of file diff --git a/packages/common/src/EntityRect.css b/packages/common/src/EntityRect.css index df07b35aaa..c6d9584448 100644 --- a/packages/common/src/EntityRect.css +++ b/packages/common/src/EntityRect.css @@ -1,8 +1,8 @@ .common_EntityRectList .entityRectItem { - margin:6px; + margin: 6px; border-width: 2px; border-radius: 8px; - border-color:"black"; + border-color: "black"; border-style: solid; } @@ -11,6 +11,6 @@ shape-rendering: geometricPrecision; } -.common_EntityRect .entity_shape > g > rect { +.common_EntityRect .entity_shape>g>rect { shape-rendering: geometricPrecision; } \ No newline at end of file diff --git a/packages/common/src/Icon.css b/packages/common/src/Icon.css index 2bb6cad77f..b2723e8bbc 100644 --- a/packages/common/src/Icon.css +++ b/packages/common/src/Icon.css @@ -1,9 +1,10 @@ .common_Icon .common_FAChar .common_Text { fill: white; } + .common_Icon .common_FAChar .common_Text, .common_Icon .common_FAChar .common_Text g, .common_Icon .common_FAChar .common_Text text, .common_Icon .common_FAChar .common_Text tspan { pointer-events: none; -} +} \ No newline at end of file diff --git a/packages/common/src/List.css b/packages/common/src/List.css index da164c4672..11b033a382 100644 --- a/packages/common/src/List.css +++ b/packages/common/src/List.css @@ -10,4 +10,4 @@ .common_List .common_TextBox .common_Shape:hover { fill: white; stroke: white; -} +} \ No newline at end of file diff --git a/packages/common/src/Menu.css b/packages/common/src/Menu.css index c01ec33bee..f85c0f5ca4 100644 --- a/packages/common/src/Menu.css +++ b/packages/common/src/Menu.css @@ -20,4 +20,4 @@ .common_Menu .common_List .common_TextBox .common_Shape:hover { fill: #ff7f0e; stroke: #ff7f0e; -} +} \ No newline at end of file diff --git a/packages/common/src/ResizeSurface.css b/packages/common/src/ResizeSurface.css index d4e314a672..0367669f11 100644 --- a/packages/common/src/ResizeSurface.css +++ b/packages/common/src/ResizeSurface.css @@ -36,4 +36,4 @@ .resizeNW { cursor: nw-resize; opacity: 0; -} +} \ No newline at end of file diff --git a/packages/common/src/SVGZoomWidget.css b/packages/common/src/SVGZoomWidget.css index 76a935f634..552cc4a55e 100644 --- a/packages/common/src/SVGZoomWidget.css +++ b/packages/common/src/SVGZoomWidget.css @@ -9,4 +9,4 @@ stroke-opacity: 0.75; fill: transparent; pointer-events: none; -} +} \ No newline at end of file diff --git a/packages/common/src/Surface.css b/packages/common/src/Surface.css index fe587c2034..fb35c94e4f 100644 --- a/packages/common/src/Surface.css +++ b/packages/common/src/Surface.css @@ -31,5 +31,10 @@ color: #fff; } -.svg-button-container .surface-button:hover { opacity: 1; } -.svg-button-container .surface-button:active { opacity: 0.5; } +.svg-button-container .surface-button:hover { + opacity: 1; +} + +.svg-button-container .surface-button:active { + opacity: 0.5; +} \ No newline at end of file diff --git a/packages/common/src/Text.css b/packages/common/src/Text.css index 802a8c6834..f044e0fb3e 100644 --- a/packages/common/src/Text.css +++ b/packages/common/src/Text.css @@ -1,4 +1,4 @@ .common_Text { fill: #000; font-size: 12px; -} +} \ No newline at end of file diff --git a/packages/common/src/TextBox.css b/packages/common/src/TextBox.css index 8bda50f4d7..6d6fca527d 100644 --- a/packages/common/src/TextBox.css +++ b/packages/common/src/TextBox.css @@ -1,4 +1,4 @@ .common_TextBox .common_Shape { fill: #dcf1ff; stroke: #1f77b4; -} +} \ No newline at end of file diff --git a/packages/common/src/Widget.css b/packages/common/src/Widget.css index 02856ff16a..b90b4269d5 100644 --- a/packages/common/src/Widget.css +++ b/packages/common/src/Widget.css @@ -5,4 +5,4 @@ #hpcc_js_font_size { display: none; -} +} \ No newline at end of file diff --git a/packages/common/tests/coreTest.css b/packages/common/tests/coreTest.css index 20349ded4a..2c48e4381b 100644 --- a/packages/common/tests/coreTest.css +++ b/packages/common/tests/coreTest.css @@ -9,4 +9,4 @@ border-radius: 5px; border: 1px solid #e5e5e5; overflow: hidden; -} +} \ No newline at end of file diff --git a/packages/composite/src/ChartPanel.css b/packages/composite/src/ChartPanel.css index bef29de449..3786924bf8 100644 --- a/packages/composite/src/ChartPanel.css +++ b/packages/composite/src/ChartPanel.css @@ -1,26 +1,27 @@ -.composite_ChartPanel > .body { +.composite_ChartPanel>.body { margin: 0; padding: 0; display: flex; flex-flow: row; } -.composite_ChartPanel > .body > article { +.composite_ChartPanel>.body>article { flex: 3 1 60%; order: 2; } -.composite_ChartPanel > .body > nav { +.composite_ChartPanel>.body>nav { flex: 1 6 20%; order: 1; } -.composite_ChartPanel > .body > aside { +.composite_ChartPanel>.body>aside { margin-left: 4px; flex: 1 6 20%; order: 3; } -header, footer { +header, +footer { display: block; -} +} \ No newline at end of file diff --git a/packages/composite/src/Dermatology.css b/packages/composite/src/Dermatology.css index fa5c5fb676..84e0fb3c30 100644 --- a/packages/composite/src/Dermatology.css +++ b/packages/composite/src/Dermatology.css @@ -4,13 +4,13 @@ .composite_Dermatology .common_Icon { background-color: red; - opacity:0.75; + opacity: 0.75; } .composite_Dermatology .common_Icon .common_Shape { fill: white; stroke: darkgray; - cursor:pointer; + cursor: pointer; } .composite_Dermatology .common_Icon.show .common_Shape { @@ -19,7 +19,7 @@ .composite_Dermatology .common_Icon .common_FAChar .common_Text { fill: darkgray; - cursor:pointer; + cursor: pointer; } .composite_Dermatology .other_PropertyEditor { @@ -30,9 +30,9 @@ .composite_Dermatology .other_PropertyEditor input { font-family: sans-serif; font-size: 11px; - border:0px; + border: 0px; } .composite_Dermatology .other_PropertyEditor .property-label { - height:unset; -} + height: unset; +} \ No newline at end of file diff --git a/packages/composite/src/MegaChart.css b/packages/composite/src/MegaChart.css index afc4ea32b8..ae6e9a519e 100644 --- a/packages/composite/src/MegaChart.css +++ b/packages/composite/src/MegaChart.css @@ -1,6 +1,6 @@ .composite_MegaChart-Info, .composite_MegaChart-Info *, .composite_MegaChart-Maximize, -.composite_MegaChart-Maximize *{ +.composite_MegaChart-Maximize * { font-family: FontAwesome; } \ No newline at end of file diff --git a/packages/dgrid/src/Common.css b/packages/dgrid/src/Common.css index 56c12ad1b7..0649bd54f1 100644 --- a/packages/dgrid/src/Common.css +++ b/packages/dgrid/src/Common.css @@ -1,39 +1,45 @@ - -.dijitTooltip { - position: absolute; - z-index: 2000; - display: block; - - left: 0; - top: -10000px; - overflow: visible; +.dijitTooltip { + position: absolute; + z-index: 2000; + display: block; + + left: 0; + top: -10000px; + overflow: visible; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } + .dijitTooltipContainer { - border: solid black 2px; - background: #b8b5b5; - color: black; - font-size: small; + border: solid black 2px; + background: #b8b5b5; + color: black; + font-size: small; } + .dijitTooltipFocusNode { - padding: 2px 2px 2px 2px; + padding: 2px 2px 2px 2px; } + .dijitTooltipConnector { - position: absolute; + position: absolute; } + .dj_a11y .dijitTooltipConnector { - display: none; + display: none; } + .dijitTooltipData { - display:none; + display: none; } .dijitTooltip { -/* the outermost dom node, holding the connector and container */ - background: transparent; /* make the area on the sides of the arrow transparent */ + /* the outermost dom node, holding the connector and container */ + background: transparent; + /* make the area on the sides of the arrow transparent */ } + .dijitTooltipContainer { background-color: #424242; opacity: 1; @@ -42,12 +48,14 @@ padding: 4px 8px; border-radius: 3px; } + .dijitTooltip .dijitTooltipContainer { color: #fff; border: 0 none; } + .dijitTooltipConnector { -/* the arrow */ + /* the arrow */ z-index: 2; width: auto; height: auto; @@ -55,18 +63,21 @@ -ms-filter: none; filter: none; } + .dijitTooltipABRight .dijitTooltipConnector { -/* above or below tooltip, but the arrow appears on the right, + /* above or below tooltip, but the arrow appears on the right, and the right edges of target and tooltip are aligned rather than the left */ left: auto !important; right: 8px; } + .dijitTooltipBelow { -/* leave room for arrow above content */ + /* leave room for arrow above content */ padding-top: 4px; } + .dijitTooltipBelow .dijitTooltipConnector { -/* the arrow piece for tooltips below an element */ + /* the arrow piece for tooltips below an element */ top: 0; left: 8px; border-bottom: 4px solid #424242; @@ -74,12 +85,14 @@ border-right: 4px solid transparent; border-top: 0; } + .dijitTooltipAbove { -/* leave room for arrow below content */ + /* leave room for arrow below content */ padding-bottom: 4px; } + .dijitTooltipAbove .dijitTooltipConnector { -/* the arrow piece for tooltips above an element */ + /* the arrow piece for tooltips above an element */ bottom: 0; left: 8px; border-top: 4px solid #424242; @@ -87,22 +100,26 @@ border-right: 4px solid transparent; border-bottom: 0; } + .dijitTooltipLeft { padding-right: 4px; } + .dijitTooltipLeft .dijitTooltipConnector { -/* the arrow piece for tooltips to the left of an element, bottom borders aligned */ + /* the arrow piece for tooltips to the left of an element, bottom borders aligned */ right: 0; border-left: 4px solid #424242; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-right: 0; } + .dijitTooltipRight { padding-left: 4px; } + .dijitTooltipRight .dijitTooltipConnector { -/* the arrow piece for tooltips to the right of an element, bottom borders aligned */ + /* the arrow piece for tooltips to the right of an element, bottom borders aligned */ left: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; @@ -116,24 +133,29 @@ height: 30em; display: block; } + .dgrid-header { background-color: #eee; } + .dgrid-header-row { position: absolute; right: 17px; left: 0; } + .dgrid-header-scroll { position: absolute; top: 0; right: 0; } + .dgrid-footer { position: absolute; bottom: 0; width: 100%; } + .dgrid-header-hidden { font-size: 0; height: 0 !important; @@ -144,18 +166,22 @@ padding-top: 0 !important; padding-bottom: 0 !important; } + .dgrid-footer-hidden { display: none; } + .dgrid-sortable { cursor: pointer; } + .dgrid-header, .dgrid-header-row, .dgrid-footer { overflow: hidden; background-color: #eee; } + .dgrid-row-table { border-collapse: collapse; border: none; @@ -164,6 +190,7 @@ width: 100%; height: 100%; } + .dgrid-cell { padding: 3px; text-align: left; @@ -174,13 +201,15 @@ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; - text-overflow: ellipsis; - white-space: nowrap; + text-overflow: ellipsis; + white-space: nowrap; } + .dgrid-content { position: relative; height: 99%; } + .dgrid-scroller { overflow-x: auto; overflow-y: scroll; @@ -190,23 +219,28 @@ bottom: 0px; width: 100%; } + .dgrid-preload { font-size: 0; line-height: 0; } + .dgrid-loading { position: relative; height: 100%; } + .dgrid-above { position: absolute; bottom: 0; } + .ui-icon { width: 12px; height: 16px; background-image: url(data:image/png;base64,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); } + .dgrid-sort-arrow { background-position: -64px -16px; display: block; @@ -214,22 +248,28 @@ margin: 0 4px 0 5px; height: 12px; } + .dgrid-sort-up .dgrid-sort-arrow { background-position: 0px -16px; } + .dgrid-selected { background-color: #bbb; } + .dgrid-input { width: 99%; } + html.has-mozilla .dgrid .dgrid-row:focus, html.has-mozilla .dgrid .dgrid-cell:focus { outline: 1px dotted; } + html.has-mozilla .dgrid-focus { outline-offset: -1px; } + .dgrid-scrollbar-measure { width: 100px; height: 100px; @@ -237,19 +277,24 @@ html.has-mozilla .dgrid-focus { position: absolute; top: -9999px; } + .dgrid-autoheight { height: auto; } + .dgrid-autoheight .dgrid-scroller { position: relative; overflow-y: hidden; } + .dgrid-autoheight .dgrid-header-scroll { display: none; } + .dgrid-autoheight .dgrid-header { right: 0; } + .dgrid-column-set { overflow: hidden; width: 100%; @@ -258,36 +303,45 @@ html.has-mozilla .dgrid-focus { -ms-touch-action: pan-y; touch-action: pan-y; } + .dgrid-column-set-cell { vertical-align: top; height: 100%; } + .dgrid-column-set-scroller-container { font-size: 0; position: absolute; bottom: 0; } + .dgrid-autoheight .dgrid-column-set-scroller-container { position: relative; } + .dgrid-column-set-scroller { display: inline-block; overflow-x: auto; overflow-y: hidden; } + .dgrid-column-set-scroller-content { height: 1px; } + .ui-icon-triangle-1-e { background-position: -32px -16px; } + .ui-icon-triangle-1-se { background-position: -48px -16px; } + .dgrid-expando-icon { width: 16px; height: 16px; } + .dgrid-tree-container { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; @@ -296,6 +350,7 @@ html.has-mozilla .dgrid-focus { transition-duration: 0.3s; overflow: hidden; } + .dgrid-tree-container.dgrid-tree-resetting { -webkit-transition-duration: 0; -moz-transition-duration: 0; @@ -303,6 +358,7 @@ html.has-mozilla .dgrid-focus { -ms-transition-duration: 0; transition-duration: 0; } + .dgrid-hider-toggle { background-position: 0 -192px; background-color: transparent; @@ -312,10 +368,12 @@ html.has-mozilla .dgrid-focus { right: 0; top: 0; } + .dgrid-rtl-swap .dgrid-hider-toggle { right: auto; left: 0; } + .dgrid-hider-menu { position: absolute; top: 0; @@ -328,33 +386,41 @@ html.has-mozilla .dgrid-focus { overflow-x: hidden; overflow-y: auto; } + .dgrid-rtl-swap .dgrid-hider-menu { right: auto; left: 17px; } + .dgrid-hider-menu-row { position: relative; padding: 2px; } + .dgrid-hider-menu-check { position: absolute; top: 2px; left: 2px; padding: 0; } + .dgrid-hider-menu-label { display: block; padding-left: 20px; } + .dgrid-header .dojoDndTarget .dgrid-cell { display: table-cell; } + .dgrid-header .dojoDndItemBefore { border-left: 2px dotted #000 !important; } + .dgrid-header .dojoDndItemAfter { border-right: 2px dotted #000 !important; } + .dgrid-column-resizer { cursor: col-resize; position: absolute; @@ -362,6 +428,7 @@ html.has-mozilla .dgrid-focus { background-color: #666; z-index: 1000; } + .dgrid-resize-handle { height: 100px; width: 0; @@ -373,9 +440,11 @@ html.has-mozilla .dgrid-focus { border-left: 5px solid transparent; outline: none; } + .dgrid-resize-header-container { height: 100%; } + .dgrid-resize-guard { cursor: col-resize; position: absolute; @@ -384,37 +453,47 @@ html.has-mozilla .dgrid-focus { right: 0; top: 0; } + html.has-touch .dgrid-resize-handle { border-left: 20px solid transparent; } + html.has-touch .dgrid-column-resizer { width: 2px; } + .dgrid-resize-header-container { position: relative; } + .dgrid-header .dgrid-cell { overflow: hidden; } + .dgrid-spacer-row { height: 0; } + .dgrid-spacer-row th { padding-top: 0; padding-bottom: 0; border-top: none; border-bottom: none; } + .dgrid-status { padding: 2px; } + .dgrid-pagination .dgrid-status { float: left; } + .dgrid-pagination .dgrid-navigation, .dgrid-pagination .dgrid-page-size { float: right; } + .dgrid-navigation .dgrid-page-link { cursor: pointer; font-weight: bold; @@ -422,74 +501,88 @@ html.has-touch .dgrid-column-resizer { color: inherit; padding: 0 4px; } + .dgrid-first, .dgrid-last, .dgrid-next, .dgrid-previous { font-size: 130%; } + .dgrid-pagination .dgrid-page-disabled { color: #aaa; cursor: default; } + .dgrid-page-input { margin-top: 1px; width: 2em; text-align: center; } + .dgrid-page-size { margin: 1px 4px 0 4px; } + .dgrid-rtl-swap .dgrid-header-row { right: 0; left: 17px; } + .dgrid-rtl-swap .dgrid-header-scroll { left: 0px; right: auto; } + .dgrid-rtl .dgrid-cell { text-align: right; } + .dgrid-rtl .dgrid-sort-arrow { float: left; margin: 0 5px 0 4px; } + .dgrid-rtl .ui-icon-triangle-1-e { background-position: -96px -16px; } + .dgrid-rtl .ui-icon-triangle-1-se { background-position: -80px -16px; } + .dgrid-rtl .dgrid-pagination .dgrid-status { float: right; } + .dgrid-rtl .dgrid-pagination .dgrid-page-size { float: right; } + .dgrid-rtl .dgrid-pagination .dgrid-navigation { float: left; } + .dgrid-rtl.dgrid-autoheight .dgrid-header { left: 0; } .dgrid_Table .placeholder { - border:none; - padding:0px; - overflow:hidden; + border: none; + padding: 0px; + overflow: hidden; } .dgrid_Table .dgrid-fakeline { border: 0px; border-bottom: 1px solid rgb(221, 221, 221); margin: 0px; - margin-left:-3px; - margin-top:2px; - margin-right:-3px; - margin-bottom:2px; + margin-left: -3px; + margin-top: 2px; + margin-right: -3px; + margin-bottom: 2px; } .dgrid_Table .dgrid-sortable .dgrid-sort-arrow.ui-icon { - margin:0px; + margin: 0px; } \ No newline at end of file diff --git a/packages/eclwatch/src/WUGraph.css b/packages/eclwatch/src/WUGraph.css index 7b12414e9a..39ff993883 100644 --- a/packages/eclwatch/src/WUGraph.css +++ b/packages/eclwatch/src/WUGraph.css @@ -1,4 +1,4 @@ -.eclwatch_WUGraph .graph_Vertex { +.eclwatch_WUGraph .graph_Vertex { cursor: auto; } @@ -19,11 +19,11 @@ } .d3-tip .eclwatch_WUGraph_Tooltip h3 { - margin:0px; + margin: 0px; } .d3-tip .eclwatch_WUGraph_Tooltip h4 { - margin:0px; + margin: 0px; } .d3-tip .eclwatch_WUGraph_Tooltip table { @@ -37,4 +37,4 @@ .d3-tip .eclwatch_WUGraph_Tooltip table .value { font-weight: normal; -} +} \ No newline at end of file diff --git a/packages/eclwatch/src/WUGraphLegend.css b/packages/eclwatch/src/WUGraphLegend.css index 7dea5abab7..ccaaa5c555 100644 --- a/packages/eclwatch/src/WUGraphLegend.css +++ b/packages/eclwatch/src/WUGraphLegend.css @@ -1,7 +1,7 @@ -.eclwatch_WUGraphLegend .graph_Vertex { +.eclwatch_WUGraphLegend .graph_Vertex { cursor: auto; } .eclwatch_WUGraphLegend .graph_Vertex .common_Icon { cursor: pointer; -} +} \ No newline at end of file diff --git a/packages/form/src/Form.css b/packages/form/src/Form.css index 520de22ba8..864e4b26a9 100644 --- a/packages/form/src/Form.css +++ b/packages/form/src/Form.css @@ -1,34 +1,34 @@ .form_Form { - color:#404040; + color: #404040; } .form_Form tbody td { white-space: nowrap; - border:1px solid #E5E5E5; + border: 1px solid #E5E5E5; } .form_Form td.prompt { - padding:2px; - vertical-align:middle; - background-color:#E5E5E5; + padding: 2px; + vertical-align: middle; + background-color: #E5E5E5; } .form_Form td.input { - padding:2px; - width:100%; - vertical-align:middle; + padding: 2px; + width: 100%; + vertical-align: middle; } -.form_Form td.input .common_HTMLWidget ul{ - margin:0px; +.form_Form td.input .common_HTMLWidget ul { + margin: 0px; } -.form_Form tfoot button{ - margin:5px; +.form_Form tfoot button { + margin: 5px; } .form_Form tbody tr:hover { - background-color:#FAFAFA; + background-color: #FAFAFA; } .form_Form .form_Button button { @@ -63,7 +63,7 @@ } .form_Form .form_Button button:focus { - box-shadow: 0 0 0 0.2em rgba(3,102,214,0.3) + box-shadow: 0 0 0 0.2em rgba(3, 102, 214, 0.3) } .form_Form .form_Button button:hover { @@ -88,5 +88,4 @@ .form_Form .form_Button.default button:hover { background: rgb(20, 147, 49); -} - +} \ No newline at end of file diff --git a/packages/form/src/Input.css b/packages/form/src/Input.css index 67d1f622a9..0bd8d7ceae 100644 --- a/packages/form/src/Input.css +++ b/packages/form/src/Input.css @@ -1,32 +1,33 @@ .form_Input input, .form_Input select, .form_Input button, -.form_Input textarea{ - padding:2px; +.form_Input textarea { + padding: 2px; } -.form_Input button{ - cursor:pointer; +.form_Input button { + cursor: pointer; } -.form_Input input.color-text{ - width:120px; +.form_Input input.color-text { + width: 120px; } -.form_Input input.color-text+input{ - width:57px; - position:absolute; + +.form_Input input.color-text+input { + width: 57px; + position: absolute; } -.form_Input textarea{ - width:100%; +.form_Input textarea { + width: 100%; box-sizing: border-box; - display:block; + display: block; } -.form_Input input[type="textbox"]{ - width:100%; +.form_Input input[type="textbox"] { + width: 100%; box-sizing: border-box; - display:block; + display: block; } .form_Input ul { diff --git a/packages/form/src/OnOff.css b/packages/form/src/OnOff.css index a05932d65e..ff4da0436d 100644 --- a/packages/form/src/OnOff.css +++ b/packages/form/src/OnOff.css @@ -1,55 +1,75 @@ .onoffswitch-checkbox { display: none; } + .onoffswitch { - position: relative; height: 20px; width: 100px; - -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; + position: relative; + height: 20px; + width: 100px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; } + .onoffswitch-label { - display: block; overflow: hidden; cursor: pointer; + display: block; + overflow: hidden; + cursor: pointer; border: 1px solid #999999; height: 20px; } + .onoffswitch-inner { position: relative; display: block; transition: margin 0.3s ease-in 0s; } -.onoffswitch-inner > .onoffswitch-offText, -.onoffswitch-inner > .onoffswitch-onText{ + +.onoffswitch-inner>.onoffswitch-offText, +.onoffswitch-inner>.onoffswitch-onText { height: 100%; } -.onoffswitch-inner > .onoffswitch-offText{ + +.onoffswitch-inner>.onoffswitch-offText { font-weight: bold; position: absolute; right: 0; - transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; width: 100%; text-align: right; } -.onoffswitch-inner > .onoffswitch-onText{ + +.onoffswitch-inner>.onoffswitch-onText { font-weight: bold; position: absolute; left: -100%; - transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; width: 100%; text-align: left; } + .onoffswitch-switch { - display: block; width: 20px; margin: -1px; + display: block; + width: 20px; + margin: -1px; background: #FFFFFF; - position: absolute; top: 0; bottom: 0; + position: absolute; + top: 0; + bottom: 0; right: 78px; border: 1px solid #999999; - transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; left: 4px; } -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner > .onoffswitch-offText{ + +.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner>.onoffswitch-offText { right: -100%; } -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner > .onoffswitch-onText{ + +.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner>.onoffswitch-onText { left: 0; } -.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { + +.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch { left: calc(100% - 20px); } \ No newline at end of file diff --git a/packages/form/src/Slider.css b/packages/form/src/Slider.css index 1db01f45a4..530af4fe3c 100644 --- a/packages/form/src/Slider.css +++ b/packages/form/src/Slider.css @@ -1,41 +1,41 @@ .form_Slider .ticks { - font: 10px sans-serif; - } - - .form_Slider .track, - .form_Slider .track-inset, - .form_Slider .track-overlay { - stroke-linecap: round; - } - - .form_Slider .track { - stroke: #000; - stroke-opacity: 0.3; - stroke-width: 10px; - } - - .form_Slider .track-inset { - stroke: #ddd; - stroke-width: 8px; - } - - .form_Slider .track-overlay { - pointer-events: stroke; - stroke-width: 50px; - stroke: transparent; - cursor: crosshair; - } - - .form_Slider .handle { - fill: #fff; - stroke: #000; - stroke-opacity: 0.5; - stroke-width: 1.25px; - } - - .form_Slider .tick-line { - stroke: #000; - stroke-opacity: 0.5; - stroke-width: 1px; - shape-rendering: crispEdges; - } \ No newline at end of file + font: 10px sans-serif; +} + +.form_Slider .track, +.form_Slider .track-inset, +.form_Slider .track-overlay { + stroke-linecap: round; +} + +.form_Slider .track { + stroke: #000; + stroke-opacity: 0.3; + stroke-width: 10px; +} + +.form_Slider .track-inset { + stroke: #ddd; + stroke-width: 8px; +} + +.form_Slider .track-overlay { + pointer-events: stroke; + stroke-width: 50px; + stroke: transparent; + cursor: crosshair; +} + +.form_Slider .handle { + fill: #fff; + stroke: #000; + stroke-opacity: 0.5; + stroke-width: 1.25px; +} + +.form_Slider .tick-line { + stroke: #000; + stroke-opacity: 0.5; + stroke-width: 1px; + shape-rendering: crispEdges; +} \ No newline at end of file diff --git a/packages/graph/src/Edge.css b/packages/graph/src/Edge.css index c093e58aa4..db75d5e363 100644 --- a/packages/graph/src/Edge.css +++ b/packages/graph/src/Edge.css @@ -15,9 +15,9 @@ } .graph_Edge.selected { - stroke:red !important; + stroke: red !important; } .graph_Edge.selected .common_Text { - fill:red !important; -} + fill: red !important; +} \ No newline at end of file diff --git a/packages/graph/src/Graph.css b/packages/graph/src/Graph.css index ae8402ab5e..00091513be 100644 --- a/packages/graph/src/Graph.css +++ b/packages/graph/src/Graph.css @@ -15,5 +15,5 @@ } .graph_Graph .graphEdge.shortest-path .graph_Edge { - stroke:red; + stroke: red; } \ No newline at end of file diff --git a/packages/graph/src/Sankey.css b/packages/graph/src/Sankey.css index 6871210970..cd04293602 100644 --- a/packages/graph/src/Sankey.css +++ b/packages/graph/src/Sankey.css @@ -6,15 +6,15 @@ } .graph_Sankey .node.selected rect { - stroke: red; + stroke: red; } .graph_Sankey .node.over rect { - stroke: orange; + stroke: orange; } .graph_Sankey .node.selected.over rect { - stroke: red; + stroke: red; } .graph_Sankey .node text { @@ -23,15 +23,15 @@ } .graph_Sankey .node.selected text { - fill: red; + fill: red; } .graph_Sankey .node.over text { - fill: orange; + fill: orange; } .graph_Sankey .node.selected.over text { - fill: red; + fill: red; } .graph_Sankey .link { @@ -42,5 +42,4 @@ .graph_Sankey .link:hover { stroke-opacity: .5; -} - +} \ No newline at end of file diff --git a/packages/graph/src/Subgraph.css b/packages/graph/src/Subgraph.css index af4ead9589..80dec20ae4 100644 --- a/packages/graph/src/Subgraph.css +++ b/packages/graph/src/Subgraph.css @@ -5,6 +5,6 @@ pointer-events: none; } -.graph_Subgraph.selected > rect { - stroke:red !important; -} +.graph_Subgraph.selected>rect { + stroke: red !important; +} \ No newline at end of file diff --git a/packages/graph/src/Vertex.css b/packages/graph/src/Vertex.css index ad3b39a22e..a8afe460d2 100644 --- a/packages/graph/src/Vertex.css +++ b/packages/graph/src/Vertex.css @@ -1,3 +1,3 @@ .graph_Vertex.selected .common_Shape { - stroke:red !important; -} + stroke: red !important; +} \ No newline at end of file diff --git a/packages/graph/src/common/sankeyGraph.css b/packages/graph/src/common/sankeyGraph.css index 0c9102840f..e5f79d7605 100644 --- a/packages/graph/src/common/sankeyGraph.css +++ b/packages/graph/src/common/sankeyGraph.css @@ -6,15 +6,15 @@ } .graph_SankeyGraph .node.selected rect { - stroke: red; + stroke: red; } .graph_SankeyGraph .node.over rect { - stroke: orange; + stroke: orange; } .graph_SankeyGraph .node.selected.over rect { - stroke: red; + stroke: red; } .graph_SankeyGraph .node text { @@ -23,15 +23,15 @@ } .graph_SankeyGraph .node.selected text { - fill: red; + fill: red; } .graph_SankeyGraph .node.over text { - fill: orange; + fill: orange; } .graph_SankeyGraph .node.selected.over text { - fill: red; + fill: red; } .graph_SankeyGraph .link { @@ -42,4 +42,4 @@ .graph_SankeyGraph .link:hover { stroke-opacity: .5; -} +} \ No newline at end of file diff --git a/packages/html/src/TitleBar.css b/packages/html/src/TitleBar.css index 4dd6005225..39f95ef83b 100644 --- a/packages/html/src/TitleBar.css +++ b/packages/html/src/TitleBar.css @@ -1,12 +1,15 @@ -#wrap -{ +#wrap { width: 100%; } -#left, #right {padding:5px;} + +#left, +#right { + padding: 5px; +} #left { - background-color:red; - text-align:left; + background-color: red; + text-align: left; display: block; text-overflow: ellipsis; white-space: nowrap; @@ -14,62 +17,68 @@ } #right { - background-color:orange; - float:right; - text-align:right; + background-color: orange; + float: right; + text-align: right; white-space: nowrap; } -.html_TitleBar > .main { +.html_TitleBar>.main { width: 100%; display: block; } .html_TitleBar .title { - padding:4px; - text-align:left; + padding: 4px; + text-align: left; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; - font-size:20px; + font-size: 20px; font-weight: bold; } .html_TitleBar .icon-bar { - padding:4px; + padding: 4px; float: right; - text-align:right; + text-align: right; white-space: nowrap; line-height: 28px; } .html_TitleBar .icon-bar-item { - display: inline; + display: inline; } -.html_TitleBar .icon-bar-item > div { - display: inline; +.html_TitleBar .icon-bar-item>div { + display: inline; } .html_TitleBar .icon-bar a { - text-align: center; /* Center-align text */ + text-align: center; + /* Center-align text */ padding-top: 4px; padding-bottom: 4px; - transition: all 0.3s ease; /* Add transition for hover effects */ - color: darkgray; /* White text color */ + transition: all 0.3s ease; + /* Add transition for hover effects */ + color: darkgray; + /* White text color */ } .html_TitleBar .icon-bar a:hover { - background-color: whitesmoke; /* Add a hover color */ + background-color: whitesmoke; + /* Add a hover color */ } .html_TitleBar .icon-bar a.selected { - background-color: #efe5e5; /* Add a hover color */ + background-color: #efe5e5; + /* Add a hover color */ } .html_TitleBar .icon-bar a.spacer { - text-align: center; /* Center-align text */ + text-align: center; + /* Center-align text */ padding-top: 2px; padding-left: 8px; padding-bottom: 0px; @@ -81,5 +90,6 @@ } .html_TitleBar .icon-bar .active { - background-color: #4CAF50; /* Add an active/current color */ + background-color: #4CAF50; + /* Add an active/current color */ } \ No newline at end of file diff --git a/packages/layout/src/AbsoluteSurface.css b/packages/layout/src/AbsoluteSurface.css index 7799d0c8ca..b1814da17c 100644 --- a/packages/layout/src/AbsoluteSurface.css +++ b/packages/layout/src/AbsoluteSurface.css @@ -2,8 +2,8 @@ pointer-events: none !important; } -.layout_AbsoluteSurface > .placeholder { +.layout_AbsoluteSurface>.placeholder { position: relative; overflow: hidden; pointer-events: all; -} +} \ No newline at end of file diff --git a/packages/layout/src/Accordion.css b/packages/layout/src/Accordion.css index aeb9b5e09f..f0c4307081 100644 --- a/packages/layout/src/Accordion.css +++ b/packages/layout/src/Accordion.css @@ -1,85 +1,102 @@ -.layout_Accordion > ul{ - position:relative; +.layout_Accordion>ul { + position: relative; } -.layout_Accordion.open > span { - font-style:italic; + +.layout_Accordion.open>span { + font-style: italic; } -.layout_Accordion.closed > ul { + +.layout_Accordion.closed>ul { height: 0px; overflow: hidden; } -.layout_Accordion.open > ul{ - display:block; + +.layout_Accordion.open>ul { + display: block; } -.layout_Accordion > .collapsible-icon, -.layout_Accordion > .collapsible-title{ - cursor:pointer; + +.layout_Accordion>.collapsible-icon, +.layout_Accordion>.collapsible-title { + cursor: pointer; box-sizing: border-box; } -.layout_Accordion > .collapsible-title{ - display:block; - width:100%; + +.layout_Accordion>.collapsible-title { + display: block; + width: 100%; } -.layout_Accordion > .collapsible-title{ + +.layout_Accordion>.collapsible-title { font-size: 13px; - color:#FFF; - padding:4px 8px; - height:26px; - -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.2); - -moz-box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.2); - box-shadow: inset 0px -1px 1px 0px rgba(0,0,0,0.2); -} -.layout_Accordion li{ - background-color:#FFFFFF; -} -.layout_Accordion > ul, -.layout_Accordion > .collapsible-title{ - background-color:#333; -} -.layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion > .collapsible-title{ - background-color:#555; -} -.layout_Accordion .layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{ - background-color:#777; -} -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{ - background-color:#999; -} -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{ - background-color:#BBB; -} -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{ - background-color:#CCC; -} -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion > .collapsible-title{ - background-color:#DDD; -} -.layout_Accordion > ul, -.layout_Accordion > span{ - padding-left:0px; -} -.layout_Accordion .layout_Accordion > ul, -.layout_Accordion .layout_Accordion > span{ + color: #FFF; + padding: 4px 8px; + height: 26px; + -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2); + -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2); + box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2); +} + +.layout_Accordion li { + background-color: #FFFFFF; +} + +.layout_Accordion>ul, +.layout_Accordion>.collapsible-title { + background-color: #333; +} + +.layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion>.collapsible-title { + background-color: #555; +} + +.layout_Accordion .layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title { + background-color: #777; +} + +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title { + background-color: #999; +} + +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title { + background-color: #BBB; +} + +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title { + background-color: #CCC; +} + +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title { + background-color: #DDD; +} + +.layout_Accordion>ul, +.layout_Accordion>span { + padding-left: 0px; +} + +.layout_Accordion .layout_Accordion>ul, +.layout_Accordion .layout_Accordion>span { padding-left: 12px; } -.layout_Accordion > .collapsible-title:before{ +.layout_Accordion>.collapsible-title:before { padding: 4px 8px 4px 8px; position: absolute; left: 0; top: 0; } -.layout_Accordion > .collapsible-icon{ - position:absolute; - top:0px; - right:0px; - width:24px; - height:24px; - color:#FFF; + +.layout_Accordion>.collapsible-icon { + position: absolute; + top: 0px; + right: 0px; + width: 24px; + height: 24px; + color: #FFF; } \ No newline at end of file diff --git a/packages/layout/src/Border.css b/packages/layout/src/Border.css index 81c4ebd1b1..af809f4c57 100644 --- a/packages/layout/src/Border.css +++ b/packages/layout/src/Border.css @@ -1,39 +1,45 @@ -.layout_Border{ +.layout_Border { width: 100%; height: 100%; } -.layout_Border > .border-content{ + +.layout_Border>.border-content { width: 100%; height: 100%; - position:relative; + position: relative; } -.layout_Border > .borderHandle{ + +.layout_Border>.borderHandle { width: 6px; height: 6px; background-color: #444; opacity: 0.3; - position:absolute; - visibility:hidden; + position: absolute; + visibility: hidden; } -.layout_Border.design-mode > .borderHandle{ - visibility:visible; + +.layout_Border.design-mode>.borderHandle { + visibility: visible; } -.layout_Border > .borderHandle:hover{ + +.layout_Border>.borderHandle:hover { background-color: #666; } -.layout_Border > .borderHandle.borderHandleDisabled{ - display:none; + +.layout_Border>.borderHandle.borderHandleDisabled { + display: none; } -.layout_Border > .borderHandle_top, -.layout_Border > .borderHandle_bottom -{ - cursor:ns-resize; + +.layout_Border>.borderHandle_top, +.layout_Border>.borderHandle_bottom { + cursor: ns-resize; } -.layout_Border > .borderHandle_left, -.layout_Border > .borderHandle_right -{ - cursor:ew-resize; + +.layout_Border>.borderHandle_left, +.layout_Border>.borderHandle_right { + cursor: ew-resize; } + .layout_Border .cell { border-radius: 5px; border: 1px solid #e5e5e5; @@ -51,16 +57,18 @@ .layout_Border .layout_BorderCell.over { border: 2px dashed #000; } -.layout_Border .dragItem { + +.layout_Border .dragItem { z-index: -1; - opacity:0.33; + opacity: 0.33; } -.layout_Border .notDragItem { +.layout_Border .notDragItem { z-index: -1; opacity: 1; } -.layout_Border div[draggable=true] { + +.layout_Border div[draggable=true] { opacity: 0.75; cursor: default; } @@ -72,74 +80,70 @@ .layout_Border div[draggable=true] .dragHandle_n, .layout_Border div[draggable=true] .dragHandle_e, .layout_Border div[draggable=true] .dragHandle_s, -.layout_Border div[draggable=true] .dragHandle_w{ - background-color:#AAA; +.layout_Border div[draggable=true] .dragHandle_w { + background-color: #AAA; } .layout_Border div[draggable=true] .dragHandle_nw, .layout_Border div[draggable=true] .dragHandle_ne, .layout_Border div[draggable=true] .dragHandle_se, -.layout_Border div[draggable=true] .dragHandle_sw { - background-color:#333; +.layout_Border div[draggable=true] .dragHandle_sw { + background-color: #333; } -.layout_Border div[draggable=true] .dragHandle_nw { - cursor:nw-resize; +.layout_Border div[draggable=true] .dragHandle_nw { + cursor: nw-resize; } -.layout_Border div[draggable=true] .dragHandle_n { - cursor:n-resize; +.layout_Border div[draggable=true] .dragHandle_n { + cursor: n-resize; } -.layout_Border div[draggable=true] .dragHandle_ne { - cursor:ne-resize; +.layout_Border div[draggable=true] .dragHandle_ne { + cursor: ne-resize; } -.layout_Border div[draggable=true] .dragHandle_e { - cursor:e-resize; +.layout_Border div[draggable=true] .dragHandle_e { + cursor: e-resize; } -.layout_Border div[draggable=true] .dragHandle_se { - cursor:se-resize; +.layout_Border div[draggable=true] .dragHandle_se { + cursor: se-resize; } -.layout_Border div[draggable=true] .dragHandle_s { - cursor:s-resize; +.layout_Border div[draggable=true] .dragHandle_s { + cursor: s-resize; } -.layout_Border div[draggable=true] .dragHandle_sw { - cursor:sw-resize; +.layout_Border div[draggable=true] .dragHandle_sw { + cursor: sw-resize; } -.layout_Border div[draggable=true] .dragHandle_w { - cursor:w-resize; +.layout_Border div[draggable=true] .dragHandle_w { + cursor: w-resize; } -.layout_Border div[draggable=false] > div > .dragHandle { - display:none; +.layout_Border div[draggable=false]>div>.dragHandle { + display: none; } -.layout_Border .grid-drop-target{ - position:fixed; - box-sizing:border-box; - border:2px dashed #7f8c8d; - border-radius:0px; - background: repeating-linear-gradient( - -45deg, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, 0) 4px, - rgba(100, 100, 100, 0.1) 4px, - rgba(100, 100, 100, 0.1) 8px - ); +.layout_Border .grid-drop-target { + position: fixed; + box-sizing: border-box; + border: 2px dashed #7f8c8d; + border-radius: 0px; + background: repeating-linear-gradient(-45deg, + rgba(0, 0, 0, 0), + rgba(0, 0, 0, 0) 4px, + rgba(100, 100, 100, 0.1) 4px, + rgba(100, 100, 100, 0.1) 8px); } -.layout_Border .grid-drop-target.drop-target-over{ - border:2px dashed #179BD7; - background: repeating-linear-gradient( - -45deg, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, 0) 6px, - rgba(17, 155, 215, 0.1) 6px, - rgba(17, 155, 215, 0.1) 12px - ); +.layout_Border .grid-drop-target.drop-target-over { + border: 2px dashed #179BD7; + background: repeating-linear-gradient(-45deg, + rgba(0, 0, 0, 0), + rgba(0, 0, 0, 0) 6px, + rgba(17, 155, 215, 0.1) 6px, + rgba(17, 155, 215, 0.1) 12px); } \ No newline at end of file diff --git a/packages/layout/src/Border2.css b/packages/layout/src/Border2.css index efa21e477b..eaec730150 100644 --- a/packages/layout/src/Border2.css +++ b/packages/layout/src/Border2.css @@ -2,21 +2,22 @@ display: flex; flex-direction: column; } -.layout_Border2 > .body { + +.layout_Border2>.body { margin: 0; padding: 0; display: flex; flex-flow: row; } -.layout_Border2 > .body > .center { +.layout_Border2>.body>.center { flex: 1; } -.layout_Border2 > .header { +.layout_Border2>.header { display: block; } -.layout_Border2 > .footer { +.layout_Border2>.footer { display: block; -} +} \ No newline at end of file diff --git a/packages/layout/src/Carousel.css b/packages/layout/src/Carousel.css index 5b7deca3f2..6e59ec9bf9 100644 --- a/packages/layout/src/Carousel.css +++ b/packages/layout/src/Carousel.css @@ -1,8 +1,8 @@ -.layout_Carousel > div { +.layout_Carousel>div { position: relative; overflow: hidden; } -.layout_Carousel > div > .carouselItem { +.layout_Carousel>div>.carouselItem { position: absolute; } \ No newline at end of file diff --git a/packages/layout/src/Cell.css b/packages/layout/src/Cell.css index 9b920930d8..9e6eae0266 100644 --- a/packages/layout/src/Cell.css +++ b/packages/layout/src/Cell.css @@ -8,4 +8,4 @@ border-width: 0px; border-style: solid; pointer-events: none; -} +} \ No newline at end of file diff --git a/packages/layout/src/ChartPanel.css b/packages/layout/src/ChartPanel.css index 42141c6d29..fd7870f0e8 100644 --- a/packages/layout/src/ChartPanel.css +++ b/packages/layout/src/ChartPanel.css @@ -4,5 +4,5 @@ } .layout_ChartPanel .series.lowlight { - opacity: 0.3!important; -} + opacity: 0.3 !important; +} \ No newline at end of file diff --git a/packages/layout/src/FlexGrid.css b/packages/layout/src/FlexGrid.css index 7adca05f15..56b2b81cbd 100644 --- a/packages/layout/src/FlexGrid.css +++ b/packages/layout/src/FlexGrid.css @@ -1,7 +1,8 @@ -.layout_FlexGrid{ +.layout_FlexGrid { display: flex; } -.FlexGrid-list-item{ + +.FlexGrid-list-item { overflow: hidden; border-style: solid; flex-grow: 1; diff --git a/packages/layout/src/Grid.css b/packages/layout/src/Grid.css index ed471714b3..98a1192c37 100644 --- a/packages/layout/src/Grid.css +++ b/packages/layout/src/Grid.css @@ -1,15 +1,15 @@ -.layout_Grid > .ddCell { +.layout_Grid>.ddCell { position: absolute; } -.layout_Grid > .laneBackground { +.layout_Grid>.laneBackground { position: absolute; border-style: solid; border-width: 1px; background: whitesmoke; } -.layout_Grid > .lane { +.layout_Grid>.lane { position: absolute; border-style: none; opacity: 0.25; @@ -17,25 +17,25 @@ pointer-events: none; } -.layout_Grid > .ddCell.draggable { +.layout_Grid>.ddCell.draggable { border-style: solid; border-width: 1px; background-color: ghostwhite; border-radius: 0px; - cursor:move; + cursor: move; } -.layout_Grid > .ddCell.draggable > .resizeHandle { +.layout_Grid>.ddCell.draggable>.resizeHandle { bottom: 0px; right: 0px; width: 8px; height: 8px; border-style: none; position: absolute; - cursor:nwse-resize; + cursor: nwse-resize; } -.layout_Grid > .ddCell.draggable .resizeHandleDisplay { +.layout_Grid>.ddCell.draggable .resizeHandleDisplay { bottom: 2px; right: 2px; width: 4px; @@ -46,45 +46,45 @@ border-right-width: 2px; border-bottom-width: 2px; border-color: darkGray; - background-color:none; + background-color: none; position: absolute; } -.layout_Grid > .ddCell.draggable .resizeHandleDisplay:hover { +.layout_Grid>.ddCell.draggable .resizeHandleDisplay:hover { border-color: orange; } -.layout_Grid > .dragging { +.layout_Grid>.dragging { border-style: solid; border-width: 1px; border-color: gray; border-radius: 0px; position: absolute; - background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 100, 100, 0.1) 4px, rgba(100, 100, 100, 0.1) 8px ); + background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 100, 100, 0.1) 4px, rgba(100, 100, 100, 0.1) 8px); } -.layout_Grid > .resizing { +.layout_Grid>.resizing { border-style: solid; border-width: 1px; border-color: gray; background-color: orange; border-radius: 0px; position: absolute; - opacity:0.3; - background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, orange 4px, orange 8px ); + opacity: 0.3; + background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, orange 4px, orange 8px); } -.layout_Grid > .ddCell.draggable .common_Widget.selected { +.layout_Grid>.ddCell.draggable .common_Widget.selected { border-style: solid; border-width: 1px; border-color: red; background-color: gray; border-radius: 0px; position: absolute; - background: repeating-linear-gradient( -45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 0, 0, 0.1) 4px, rgba(100, 0, 0, 0.1) 8px ); + background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 4px, rgba(100, 0, 0, 0.1) 4px, rgba(100, 0, 0, 0.1) 8px); } .layout_Grid #drag-me::before { content: "#" attr(id); font-weight: bold; -} +} \ No newline at end of file diff --git a/packages/layout/src/Layered.css b/packages/layout/src/Layered.css index 9961e9c89a..97a4d93898 100644 --- a/packages/layout/src/Layered.css +++ b/packages/layout/src/Layered.css @@ -1,10 +1,12 @@ -.layout_Layered { +.layout_Layered { pointer-events: none; } -.layout_Layered > .container > .content { + +.layout_Layered>.container>.content { position: absolute; } -.layout_Layered > .container > .content > div > .common_Widget, -.layout_Layered > .container > .content > div > svg > .common_Widget { + +.layout_Layered>.container>.content>div>.common_Widget, +.layout_Layered>.container>.content>div>svg>.common_Widget { pointer-events: all; -} +} \ No newline at end of file diff --git a/packages/layout/src/Modal.css b/packages/layout/src/Modal.css index 0791e2b240..43bff8c03d 100644 --- a/packages/layout/src/Modal.css +++ b/packages/layout/src/Modal.css @@ -1,41 +1,51 @@ .layout_Modal-header { - background-color: rgb(63,81,181); + background-color: rgb(63, 81, 181); overflow: hidden; } + .layout_Modal-body { background-color: #ffffff; overflow-y: scroll; overflow-x: hidden; } + .layout_Modal-title { position: absolute; } + .layout_Modal-annotations { position: absolute; } + .layout_Modal-closeButton { cursor: pointer; } + .layout_Modal-closeButton:hover { opacity: 0.7; } + .layout_Modal-closeButton:active { opacity: 0.5; } + .layout_Modal-fade { position: fixed; background-color: #000; opacity: 0.5; z-index: 10000; } + .layout_Modal-content { position: fixed; background-color: #ffffff; z-index: 10100; } + .layout_Modal-fade-hidden { display: none; } + .layout_Modal-fadeClickable { cursor: pointer; } \ No newline at end of file diff --git a/packages/layout/src/Surface.css b/packages/layout/src/Surface.css index 3ee0e5f493..0b509d2fa4 100644 --- a/packages/layout/src/Surface.css +++ b/packages/layout/src/Surface.css @@ -2,41 +2,48 @@ box-sizing: border-box; margin: 0px; border: 1px solid #e5e5e5; - overflow:hidden; + overflow: hidden; height: 100%; width: 100%; } .layout_Surface.shadow2 { - box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) } -.layout_Surface > h3 { +.layout_Surface>h3 { margin: 0px; padding: 2px; background-color: #e5e5e5; } + .layout_Surface .html-button-container { position: absolute; right: 0px; - top:3px; + top: 3px; } -.layout_Surface > div { +.layout_Surface>div { padding: 8px; } .layout_Surface .html-button-container .surface-button { margin-right: 5px; } + .layout_Surface .html-button-container .surface-button i { opacity: 0.8; } -.layout_Surface .html-button-container .surface-button:hover { opacity: 1; } -.layout_Surface .html-button-container .surface-button:active { opacity: 0.5; } +.layout_Surface .html-button-container .surface-button:hover { + opacity: 1; +} + +.layout_Surface .html-button-container .surface-button:active { + opacity: 0.5; +} -div[draggable=true].hideDragCellContent.content-icon:before{ +div[draggable=true].hideDragCellContent.content-icon:before { content: "\f080"; font-family: FontAwesome; position: absolute; @@ -44,46 +51,55 @@ div[draggable=true].hideDragCellContent.content-icon:before{ left: calc(50% - 56px); font-size: 100px; } -div[draggable=true].hideDragCellContent.content-icon-Line:before{ - content:"\f201"; + +div[draggable=true].hideDragCellContent.content-icon-Line:before { + content: "\f201"; } -div[draggable=true].hideDragCellContent.content-icon-Pie:before{ + +div[draggable=true].hideDragCellContent.content-icon-Pie:before { top: calc(50% - 72px); left: calc(50% - 45px); - content:"\f200"; + content: "\f200"; } -div[draggable=true].hideDragCellContent.content-icon-Area:before{ - content:"\f1fe"; + +div[draggable=true].hideDragCellContent.content-icon-Area:before { + content: "\f1fe"; } -div[draggable=true].hideDragCellContent.content-icon-Gauge:before{ - content:"\f0e4"; + +div[draggable=true].hideDragCellContent.content-icon-Gauge:before { + content: "\f0e4"; } -div[draggable=true].hideDragCellContent.content-icon-Table:before{ - content:"\f0ce"; + +div[draggable=true].hideDragCellContent.content-icon-Table:before { + content: "\f0ce"; } -div[draggable=true].hideDragCellContent.content-icon-Form:before{ - content:"\f11c"; + +div[draggable=true].hideDragCellContent.content-icon-Form:before { + content: "\f11c"; } + div[draggable=true].hideDragCellContent.content-icon-Grid:before, div[draggable=true].hideDragCellContent.content-icon-Graph:before, div[draggable=true].hideDragCellContent.content-icon-Border:before, div[draggable=true].hideDragCellContent.content-icon-Tabbed:before, div[draggable=true].hideDragCellContent.content-icon-Accordion:before, div[draggable=true].hideDragCellContent.content-icon-MultiChart:before, -div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before{ - content:"\f247"; +div[draggable=true].hideDragCellContent.content-icon-MultiChartSurface:before { + content: "\f247"; } + div[draggable=true].hideDragCellContent.content-icon-ChoroplethStates:before, div[draggable=true].hideDragCellContent.content-icon-ChoroplethStatesHeat:before, div[draggable=true].hideDragCellContent.content-icon-ChoroplethCounties:before, div[draggable=true].hideDragCellContent.content-icon-ChoroplethCountries:before, div[draggable=true].hideDragCellContent.content-icon-GMap:before, div[draggable=true].hideDragCellContent.content-icon-GMapHeat:before, -div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before{ - content:"\f278"; +div[draggable=true].hideDragCellContent.content-icon-GMapGraph:before { + content: "\f278"; } + div[draggable=true].hideDragCellContent.content-icon-Text:before, div[draggable=true].hideDragCellContent.content-icon-TextBox:before, -div[draggable=true].hideDragCellContent.content-icon-FAChar:before{ - content:"\f278"; -} +div[draggable=true].hideDragCellContent.content-icon-FAChar:before { + content: "\f278"; +} \ No newline at end of file diff --git a/packages/layout/src/Tabbed.css b/packages/layout/src/Tabbed.css index ee77d051ec..7e52039b80 100644 --- a/packages/layout/src/Tabbed.css +++ b/packages/layout/src/Tabbed.css @@ -14,8 +14,9 @@ .layout_Tabbed .tab-button.active { background-color: white; - z-index:999; + z-index: 999; } + .layout_Tabbed .on_bottom .tab-button { border-bottom: 1px solid #ddd; border-top: none; diff --git a/packages/layout/src/Toolbar.css b/packages/layout/src/Toolbar.css index 1d37c86c6e..5a5436aa9e 100644 --- a/packages/layout/src/Toolbar.css +++ b/packages/layout/src/Toolbar.css @@ -1,9 +1,10 @@ .layout_Toolbar { - height:100%; - background-color:#dddddd; + height: 100%; + background-color: #dddddd; white-space: nowrap; overflow: hidden; } + .layout_Toolbar .toolbar-title { display: inline-block; position: relative; @@ -11,22 +12,23 @@ transform: translateY(-50%); -ms-transform: translateY(-50%); - margin-left:4px; - font-weight:bold; + margin-left: 4px; + font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } -.layout_Toolbar .toolbar-title span { -} + +.layout_Toolbar .toolbar-title span {} + .layout_Toolbar .toolbar-child { position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); - float:right; - margin-left:4px; - margin-right:4px; - line-height:16px; -} + float: right; + margin-left: 4px; + margin-right: 4px; + line-height: 16px; +} \ No newline at end of file diff --git a/packages/map/src/Choropleth.css b/packages/map/src/Choropleth.css index 25a0efd357..9ef0291607 100644 --- a/packages/map/src/Choropleth.css +++ b/packages/map/src/Choropleth.css @@ -24,4 +24,4 @@ .map_Layered .data .shape.selected { stroke: red; stroke-width: 1.25px; -} +} \ No newline at end of file diff --git a/packages/map/src/GMap.css b/packages/map/src/GMap.css index 977d0846a1..a6c0707c2f 100644 --- a/packages/map/src/GMap.css +++ b/packages/map/src/GMap.css @@ -1,5 +1,4 @@ -.map_GMap { -} +.map_GMap {} .map_GMap .marker { fill: #656565; @@ -9,8 +8,14 @@ .map_GMap .map_Layered { pointer-events: auto; - cursor:auto; + cursor: auto; +} + +.gm-style img { + max-width: none; } -.gm-style img { max-width: none; } -.gm-style label { width: auto; display: inline; } +.gm-style label { + width: auto; + display: inline; +} \ No newline at end of file diff --git a/packages/map/src/GeoHash.css b/packages/map/src/GeoHash.css index e7488c02d8..684f31ef76 100644 --- a/packages/map/src/GeoHash.css +++ b/packages/map/src/GeoHash.css @@ -12,4 +12,4 @@ .map_Layered .map_GeoHash .data.selected.over { stroke: red; -} +} \ No newline at end of file diff --git a/packages/map/src/Graph.css b/packages/map/src/Graph.css index 7f3ade3891..0a7cf6d259 100644 --- a/packages/map/src/Graph.css +++ b/packages/map/src/Graph.css @@ -7,4 +7,4 @@ .map_Layered .dataEdge { stroke: black; fill: none; -} +} \ No newline at end of file diff --git a/packages/map/src/Graticule.css b/packages/map/src/Graticule.css index 7a66c3ee0a..6f6ae86519 100644 --- a/packages/map/src/Graticule.css +++ b/packages/map/src/Graticule.css @@ -10,4 +10,4 @@ stroke: black; stroke-linejoin: round; stroke-width: 0.25px; -} +} \ No newline at end of file diff --git a/packages/map/src/Layered.css b/packages/map/src/Layered.css index de3876b9f6..7bf7f66853 100644 --- a/packages/map/src/Layered.css +++ b/packages/map/src/Layered.css @@ -1,9 +1,9 @@ .map_Layered .background { - fill: none; + fill: none; } .map_Layered .raster image { - fill: #B5D0D0 + fill: #B5D0D0 } .map_Layered .vector { @@ -16,4 +16,4 @@ fill: none; stroke: red; stroke-linejoin: round; -} +} \ No newline at end of file diff --git a/packages/map/src/Lines.css b/packages/map/src/Lines.css index 532b7ce2c9..ceb0d76480 100644 --- a/packages/map/src/Lines.css +++ b/packages/map/src/Lines.css @@ -5,5 +5,5 @@ .map_Layered .dataEdge { stroke: black; - fill: none; -} + fill: none; +} \ No newline at end of file diff --git a/packages/map/src/OpenStreet.css b/packages/map/src/OpenStreet.css index db99932fc3..1f0d9eba41 100644 --- a/packages/map/src/OpenStreet.css +++ b/packages/map/src/OpenStreet.css @@ -1,5 +1,5 @@ .map_OpenStreet .background { - fill: white; + fill: white; } .map_OpenStreet .graticule { diff --git a/packages/map/src/Pins.css b/packages/map/src/Pins.css index 0a11001c60..a7a3b53f41 100644 --- a/packages/map/src/Pins.css +++ b/packages/map/src/Pins.css @@ -1,18 +1,18 @@ -.map_Layered .pin > path { +.map_Layered .pin>path { cursor: pointer; stroke: #000000; } -.map_Layered .pin.selected > path { +.map_Layered .pin.selected>path { stroke-width: 1px; stroke: red; } -.map_Layered .pin.over > path { +.map_Layered .pin.over>path { stroke: orange; } -.map_Layered .pin.selected.over > path { +.map_Layered .pin.selected.over>path { stroke-width: 1px; stroke: red; -} +} \ No newline at end of file diff --git a/packages/map/src/leaflet/ClusterCircles.css b/packages/map/src/leaflet/ClusterCircles.css index 1b52a00b81..bb2b7f400d 100644 --- a/packages/map/src/leaflet/ClusterCircles.css +++ b/packages/map/src/leaflet/ClusterCircles.css @@ -1,18 +1,18 @@ .cluster-circle { background-clip: padding-box; - font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; + font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } -.cluster-circle > div { - width: 40px; - height: 40px; +.cluster-circle>div { + width: 40px; + height: 40px; - text-align: center; - border-radius: 20px; + text-align: center; + border-radius: 20px; } -.cluster-circle > div > div { - display: inline-block; +.cluster-circle>div>div { + display: inline-block; margin-top: 5px; width: 30px; height: 30px; diff --git a/packages/map/src/leaflet/Leaflet.css b/packages/map/src/leaflet/Leaflet.css index 6cdaeeecd1..35335d89ba 100644 --- a/packages/map/src/leaflet/Leaflet.css +++ b/packages/map/src/leaflet/Leaflet.css @@ -1,4 +1,4 @@ .map_Leaflet .leaflet-container { - background-color:rgba(255,0,0,0.0); - background: rgba(255,0,0,0.0); + background-color: rgba(255, 0, 0, 0.0); + background: rgba(255, 0, 0, 0.0); } \ No newline at end of file diff --git a/packages/map/src/leaflet/plugins/BeautifyIcon.css b/packages/map/src/leaflet/plugins/BeautifyIcon.css index 49832ba2bb..efa12c82af 100644 --- a/packages/map/src/leaflet/plugins/BeautifyIcon.css +++ b/packages/map/src/leaflet/plugins/BeautifyIcon.css @@ -8,13 +8,13 @@ text-align: center; font-weight: 700; font-family: monospace; - position:absolute; - -webkit-box-sizing: border-box; + position: absolute; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } -.beautify-marker.selected > div { +.beautify-marker.selected>div { outline: none; border-color: red; box-shadow: 0 0 10px red; @@ -24,7 +24,8 @@ border-radius: 100%; } -.beautify-marker.circle-dot, .beautify-marker.doughnut { +.beautify-marker.circle-dot, +.beautify-marker.doughnut { border-radius: 100%; } @@ -34,11 +35,11 @@ border-bottom-left-radius: 100% 50%; border-bottom-right-radius: 0%; /* rotating 45deg clockwise to get the corner bottom center */ - transform: rotate(45deg); - + transform: rotate(45deg); + } -.beautify-marker.marker > * { +.beautify-marker.marker>* { /* rotating 45deg counterclock to adjust marker content back to normal */ transform: rotate(-45deg); -} +} \ No newline at end of file diff --git a/packages/map/src/leaflet/plugins/D3SvgOverlay.css b/packages/map/src/leaflet/plugins/D3SvgOverlay.css index b2ce212aba..2a6453ff70 100644 --- a/packages/map/src/leaflet/plugins/D3SvgOverlay.css +++ b/packages/map/src/leaflet/plugins/D3SvgOverlay.css @@ -1,3 +1,3 @@ g.d3-overlay * { pointer-events: visiblePainted; -} +} \ No newline at end of file diff --git a/packages/other/src/AutoCompleteText.css b/packages/other/src/AutoCompleteText.css index 9f63e5e2ff..2395923752 100644 --- a/packages/other/src/AutoCompleteText.css +++ b/packages/other/src/AutoCompleteText.css @@ -11,11 +11,38 @@ } .autocomplete-suggestions { - text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1); + text-align: left; + cursor: default; + border: 1px solid #ccc; + border-top: 0; + background: #fff; + box-shadow: -1px 1px 3px rgba(0, 0, 0, .1); /* core styles should not be changed */ - position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; + position: absolute; + display: none; + z-index: 9999; + max-height: 254px; + overflow: hidden; + overflow-y: auto; + box-sizing: border-box; } -.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; } -.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } -.autocomplete-suggestion.selected { background: #f0f0f0; } +.autocomplete-suggestion { + position: relative; + padding: 0 .6em; + line-height: 23px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 1.02em; + color: #333; +} + +.autocomplete-suggestion b { + font-weight: normal; + color: #1f8dd6; +} + +.autocomplete-suggestion.selected { + background: #f0f0f0; +} \ No newline at end of file diff --git a/packages/other/src/CalendarHeatMap.css b/packages/other/src/CalendarHeatMap.css index 20f0433a25..035b69c24f 100644 --- a/packages/other/src/CalendarHeatMap.css +++ b/packages/other/src/CalendarHeatMap.css @@ -23,4 +23,4 @@ fill: none; stroke: #000; stroke-width: 2px; -} +} \ No newline at end of file diff --git a/packages/other/src/Html.css b/packages/other/src/Html.css index fe940edb4c..6887f7ee43 100644 --- a/packages/other/src/Html.css +++ b/packages/other/src/Html.css @@ -1,6 +1,6 @@ -.other_Html{ - height:100%; - width:100%; - overflow-x:auto; - overflow-y:scroll; +.other_Html { + height: 100%; + width: 100%; + overflow-x: auto; + overflow-y: scroll; } \ No newline at end of file diff --git a/packages/other/src/IconList.css b/packages/other/src/IconList.css index 184917aecb..fe7c1f54c2 100644 --- a/packages/other/src/IconList.css +++ b/packages/other/src/IconList.css @@ -1,4 +1,4 @@ -.other_IconList .other_Html{ +.other_IconList .other_Html { overflow-x: hidden; overflow-y: hidden; } \ No newline at end of file diff --git a/packages/other/src/Legend.css b/packages/other/src/Legend.css index 8f0460b196..b160361849 100644 --- a/packages/other/src/Legend.css +++ b/packages/other/src/Legend.css @@ -1,15 +1,21 @@ -.other_Legend .colorBlock{ - width:10px; - height:10px; +.other_Legend .colorBlock { + width: 10px; + height: 10px; } -.other_Legend > table, .other_Legend > table td,.other_Legend > table th { + +.other_Legend>table, +.other_Legend>table td, +.other_Legend>table th { border-collapse: collapse; border-spacing: 0px; } -.other_Table.other_Legend table { + +.other_Table.other_Legend table { border-spacing: 0; } -.other_Table.other_Legend th, .labels-wrapper th { + +.other_Table.other_Legend th, +.labels-wrapper th { padding: 2px 5px; background-color: transparent; border-width: 1px; @@ -18,69 +24,82 @@ color: #333; white-space: nowrap; cursor: default; - font-weight:normal; - text-align:left; + font-weight: normal; + text-align: left; } -.other_Table.other_Legend tr { + +.other_Table.other_Legend tr { background-color: transparent; color: #333; } -.other_Table.other_Legend .tableDiv tbody > tr:nth-child(odd) { +.other_Table.other_Legend .tableDiv tbody>tr:nth-child(odd) { background-color: unset; - color:black; + color: black; } -.other_Table.other_Legend .tableDiv tbody > tr:hover, -.other_Table.other_Legend .tableDiv tbody > tr.hover, + +.other_Table.other_Legend .tableDiv tbody>tr:hover, +.other_Table.other_Legend .tableDiv tbody>tr.hover, .rows-wrapper table tbody tr.hover { background-color: #bfd7e7; color: white; } -.other_Table.other_Legend thead > tr:hover { +.other_Table.other_Legend thead>tr:hover { background-color: transparent; } -.other_Table.other_Legend tbody > tr:hover, .other_Table.other_Legend tbody > tr.hover, .rows-wrapper tbody tr.hover { + +.other_Table.other_Legend tbody>tr:hover, +.other_Table.other_Legend tbody>tr.hover, +.rows-wrapper tbody tr.hover { background-color: #EEE; } -.other_Table.other_Legend td, .rows-wrapper td { + +.other_Table.other_Legend td, +.rows-wrapper td { border-width: 0px; padding: 2px 5px; white-space: nowrap; box-sizing: border-box; } -.other_Legend > .tableDiv > table > tbody > tr:hover{ - cursor:pointer; - color:#000; - background-color:#DDD; + +.other_Legend>.tableDiv>table>tbody>tr:hover { + cursor: pointer; + color: #000; + background-color: #DDD; } + .other_Legend.horiz-legend .tableDiv { - width: 100%!important; + width: 100% !important; text-align: left; } -.other_Legend.horiz-legend .tableDiv > table { - display:inline-block; - width:100%!important; - top:0px!important; - left:0px!important; + +.other_Legend.horiz-legend .tableDiv>table { + display: inline-block; + width: 100% !important; + top: 0px !important; + left: 0px !important; } + .other_Legend.horiz-legend thead, .other_Legend.horiz-legend tbody, -.other_Legend.horiz-legend tr -{ +.other_Legend.horiz-legend tr { display: inline-block; } + .other_Legend.horiz-legend td, -.other_Legend.horiz-legend td > div { - display:inline-block; - white-space:nowrap; +.other_Legend.horiz-legend td>div { + display: inline-block; + white-space: nowrap; } -.other_Legend.horiz-legend tr{ + +.other_Legend.horiz-legend tr { white-space: nowrap; } -.other_Legend.horiz-legend tbody{ - display:inline-block; - width:100%!important; - text-align:center; + +.other_Legend.horiz-legend tbody { + display: inline-block; + width: 100% !important; + text-align: center; } \ No newline at end of file diff --git a/packages/other/src/MorphText.css b/packages/other/src/MorphText.css index 276a5a0e6a..eb43f6aa0d 100644 --- a/packages/other/src/MorphText.css +++ b/packages/other/src/MorphText.css @@ -8,4 +8,4 @@ .other_MorphText .exit { fill: brown; -} +} \ No newline at end of file diff --git a/packages/other/src/Opportunity.css b/packages/other/src/Opportunity.css index d1783e236d..ff757fb215 100644 --- a/packages/other/src/Opportunity.css +++ b/packages/other/src/Opportunity.css @@ -1,75 +1,76 @@ .graph_Opportunity { - transform: translate(20px,20px)scale(1) !important; + transform: translate(20px, 20px)scale(1) !important; } .graph_Opportunity .group { stroke-width: 1.0; - stroke:#555; - fill:#FEFEFE; + stroke: #555; + fill: #FEFEFE; } .graph_Opportunity .group_headings { - font-family: "Helvetica","Arial",sans-serif; + font-family: "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 700; line-height: 20px; } .graph_Opportunity .node_prev_rect { - fill:white; - stroke-width:2; - stroke:#000; - stroke-dasharray:3,3; - opacity:0.6; + fill: white; + stroke-width: 2; + stroke: #000; + stroke-dasharray: 3, 3; + opacity: 0.6; } .graph_Opportunity .node_rev_change { - fill:white; + fill: white; } + .graph_Opportunity .node_rev_change_text { - font-size:18px; - font-family:Arial; - color: black; - font-weight: bold; + font-size: 18px; + font-family: Arial; + color: black; + font-weight: bold; } .graph_Opportunity .node_date_change { - fill:white; + fill: white; } .graph_Opportunity .node_date_change_text { - font-size:18px; - font-family:Arial; - color: black; - font-weight: bold; + font-size: 18px; + font-family: Arial; + color: black; + font-weight: bold; } .graph_Opportunity .node_prev_text { - font-size:9px; - font-family:Arial; - opacity:0.6; + font-size: 9px; + font-family: Arial; + opacity: 0.6; } .graph_Opportunity .node_cur_rect { - stroke-width:2; - stroke:#000; + stroke-width: 2; + stroke: #000; } .graph_Opportunity .node_cur_text { - font-size:9px; - font-family:Arial; + font-size: 9px; + font-family: Arial; text-decoration: underline; } .graph_Opportunity .arrowhead { - refX:6; + refX: 6; } .graph_Opportunity-tooltip.tooltip { position: absolute; text-align: left; - width:350px; - height: 135px; + width: 350px; + height: 135px; padding: 10px; padding-top: 15px; font: 14px arial; diff --git a/packages/other/src/Paginator.css b/packages/other/src/Paginator.css index e0d6b38302..2bc866c128 100644 --- a/packages/other/src/Paginator.css +++ b/packages/other/src/Paginator.css @@ -1,6 +1,6 @@ .other_Paginator { display: block; - position:absolute; + position: absolute; white-space: nowrap; } @@ -11,7 +11,7 @@ padding: 0px; } -.other_Paginator .pagination > li { +.other_Paginator .pagination>li { display: inline; } @@ -34,9 +34,9 @@ color: #337ab7; } -.other_Paginator .pagination > li > a, -.other_Paginator .pagination > div, -.other_Paginator .pagination > li > span { +.other_Paginator .pagination>li>a, +.other_Paginator .pagination>div, +.other_Paginator .pagination>li>span { position: relative; float: left; padding: 6px 12px; @@ -47,75 +47,86 @@ background-color: #fff; border: 1px solid #ddd; } -.other_Paginator .pagination > li:first-child > a, -.other_Paginator .pagination > li:first-child > span { + +.other_Paginator .pagination>li:first-child>a, +.other_Paginator .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } -.other_Paginator .pagination > li:last-child > a, -.other_Paginator .pagination > li:last-child > span { + +.other_Paginator .pagination>li:last-child>a, +.other_Paginator .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.other_Paginator .pagination > li > a:hover, -.other_Paginator .pagination > li > span:hover, -.other_Paginator .pagination > li > a:focus, -.other_Paginator .pagination > li > span:focus { + +.other_Paginator .pagination>li>a:hover, +.other_Paginator .pagination>li>span:hover, +.other_Paginator .pagination>li>a:focus, +.other_Paginator .pagination>li>span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } -.other_Paginator .pagination > .active > a, -.other_Paginator .pagination > .active > span, -.other_Paginator .pagination > .active > a:hover, -.other_Paginator .pagination > .active > span:hover, -.other_Paginator .pagination > .active > a:focus, -.other_Paginator .pagination > .active > span:focus { + +.other_Paginator .pagination>.active>a, +.other_Paginator .pagination>.active>span, +.other_Paginator .pagination>.active>a:hover, +.other_Paginator .pagination>.active>span:hover, +.other_Paginator .pagination>.active>a:focus, +.other_Paginator .pagination>.active>span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } -.other_Paginator .pagination > .disabled > span, -.other_Paginator .pagination > .disabled > span:hover, -.other_Paginator .pagination > .disabled > span:focus, -.other_Paginator .pagination > .disabled > a, -.other_Paginator .pagination > .disabled > a:hover, -.other_Paginator .pagination > .disabled > a:focus { + +.other_Paginator .pagination>.disabled>span, +.other_Paginator .pagination>.disabled>span:hover, +.other_Paginator .pagination>.disabled>span:focus, +.other_Paginator .pagination>.disabled>a, +.other_Paginator .pagination>.disabled>a:hover, +.other_Paginator .pagination>.disabled>a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } -.other_Paginator .pagination-lg > li > a, -.other_Paginator .pagination-lg > li > span { + +.other_Paginator .pagination-lg>li>a, +.other_Paginator .pagination-lg>li>span { padding: 10px 16px; font-size: 18px; } -.other_Paginator .pagination-lg > li:first-child > a, -.other_Paginator .pagination-lg > li:first-child > span { + +.other_Paginator .pagination-lg>li:first-child>a, +.other_Paginator .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } -.other_Paginator .pagination-lg > li:last-child > a, -.other_Paginator .pagination-lg > li:last-child > span { + +.other_Paginator .pagination-lg>li:last-child>a, +.other_Paginator .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } -.other_Paginator .pagination-sm > li > a, -.other_Paginator .pagination-sm > li > span { + +.other_Paginator .pagination-sm>li>a, +.other_Paginator .pagination-sm>li>span { padding: 5px 10px; font-size: 12px; } -.other_Paginator .pagination-sm > li:first-child > a, -.other_Paginator .pagination-sm > li:first-child > span { + +.other_Paginator .pagination-sm>li:first-child>a, +.other_Paginator .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } -.other_Paginator .pagination-sm > li:last-child > a, -.other_Paginator .pagination-sm > li:last-child > span { + +.other_Paginator .pagination-sm>li:last-child>a, +.other_Paginator .pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } \ No newline at end of file diff --git a/packages/other/src/PropertyEditor.css b/packages/other/src/PropertyEditor.css index b087fdbecf..be3621e923 100644 --- a/packages/other/src/PropertyEditor.css +++ b/packages/other/src/PropertyEditor.css @@ -1,131 +1,180 @@ -.other_PropertyEditor{ - overflow-y:scroll; - height:100%; - width:100%; +.other_PropertyEditor { + overflow-y: scroll; + height: 100%; + width: 100%; } -.other_PropertyEditor .other_PropertyEditor{ - overflow:hidden; + +.other_PropertyEditor .other_PropertyEditor { + overflow: hidden; } -.other_PropertyEditor .property-table{ - width:100%; + +.other_PropertyEditor .property-table { + width: 100%; border: 1px solid #ddd; - border-width:0 0 0 1px; + border-width: 0 0 0 1px; +} + +.other_PropertyEditor thead>tr>th { + background-color: #333; +} + +.other_PropertyEditor .other_PropertyEditor th { + background-color: #444; +} + +.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th { + background-color: #555; +} + +.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th { + background-color: #666; } -.other_PropertyEditor thead > tr > th{background-color:#333;} -.other_PropertyEditor .other_PropertyEditor th{background-color:#444;} -.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#555;} -.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#666;} -.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th{background-color:#777;} -.other_PropertyEditor .headerRow{background-color:#eee;} -.other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#ddd;} -.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#ccc;} -.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#bbb;} -.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow{background-color:#aaa;} +.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor th { + background-color: #777; +} + +.other_PropertyEditor .headerRow { + background-color: #eee; +} + +.other_PropertyEditor .other_PropertyEditor .headerRow { + background-color: #ddd; +} + +.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow { + background-color: #ccc; +} + +.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow { + background-color: #bbb; +} + +.other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .other_PropertyEditor .headerRow { + background-color: #aaa; +} .other_PropertyEditor .fa { - font-size:14px; - width:14px + font-size: 14px; + width: 14px } .other_PropertyEditor div.property-table-collapsed { - display:none; + display: none; } -.other_PropertyEditor .headerRow > .peInput { - padding-top:2px; +.other_PropertyEditor .headerRow>.peInput { + padding-top: 2px; } -.other_PropertyEditor .headerRow > .peInput > span { +.other_PropertyEditor .headerRow>.peInput>span { font-weight: bold; padding-left: 2px; } -.other_PropertyEditor .headerRow > .peInput > i { - float:right; +.other_PropertyEditor .headerRow>.peInput>i { + float: right; padding-top: 2px; padding-bottom: 2px; } -.other_PropertyEditor .headerRow > span > i:hover { +.other_PropertyEditor .headerRow>span>i:hover { background-color: #555; - cursor:pointer; + cursor: pointer; } -.other_PropertyEditor .property-table thead > tr > th { - text-align:left; - background-color:#333; - color:#fff; - padding-top:2px; - padding-left:4px; + +.other_PropertyEditor .property-table thead>tr>th { + text-align: left; + background-color: #333; + color: #fff; + padding-top: 2px; + padding-left: 4px; } -.other_PropertyEditor .property-table thead > tr > th > i { - float:right; + +.other_PropertyEditor .property-table thead>tr>th>i { + float: right; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; } -.other_PropertyEditor .property-table thead > tr > th > i:hover{ + +.other_PropertyEditor .property-table thead>tr>th>i:hover { background-color: #555; - cursor:pointer; + cursor: pointer; } -.other_PropertyEditor .property-table tbody > tr:nth-child(even){ + +.other_PropertyEditor .property-table tbody>tr:nth-child(even) { background-color: #F9F9F9; } -.other_PropertyEditor .property-table tbody > tr:nth-child(odd){ + +.other_PropertyEditor .property-table tbody>tr:nth-child(odd) { background-color: #FFF; } -.other_PropertyEditor .property-table tbody > tr > td{ - text-align:left; - color:#333; - padding:0 0 0 2px; + +.other_PropertyEditor .property-table tbody>tr>td { + text-align: left; + color: #333; + padding: 0 0 0 2px; } -.other_PropertyEditor .property-table tbody > tr.disabled > td { - color:gray; + +.other_PropertyEditor .property-table tbody>tr.disabled>td { + color: gray; } -.other_PropertyEditor .property-table tbody > tr.invalid > td { - color:red; + +.other_PropertyEditor .property-table tbody>tr.invalid>td { + color: red; } -.other_PropertyEditor .property-input-cell > div{ + +.other_PropertyEditor .property-input-cell>div { padding-left: 8px; } -.other_PropertyEditor .property-label{ + +.other_PropertyEditor .property-label { padding-right: 4px; box-sizing: border-box; height: 20px; } -.other_PropertyEditor td.property-input-cell{ - text-align:left; - height:20px; - padding:1px 0; - width:80% + +.other_PropertyEditor td.property-input-cell { + text-align: left; + height: 20px; + padding: 1px 0; + width: 80% } -.other_PropertyEditor .property-input-cell > input, -.other_PropertyEditor .property-input-cell > textarea{ - width:100%; + +.other_PropertyEditor .property-input-cell>input, +.other_PropertyEditor .property-input-cell>textarea { + width: 100%; box-sizing: border-box; } -.other_PropertyEditor .property-input-cell > input{ + +.other_PropertyEditor .property-input-cell>input { height: 20px; } -.other_PropertyEditor .property-input-cell > textarea{ + +.other_PropertyEditor .property-input-cell>textarea { height: 120px; } -.other_PropertyEditor .property-input-cell.boolean-cell{ - width:auto; - margin:0; - position:relative; + +.other_PropertyEditor .property-input-cell.boolean-cell { + width: auto; + margin: 0; + position: relative; } -.other_PropertyEditor .property-input-cell > input[type="checkbox"]{ - width:auto; - margin:0; - position:absolute; + +.other_PropertyEditor .property-input-cell>input[type="checkbox"] { + width: auto; + margin: 0; + position: absolute; top: 0; } -.other_PropertyEditor .html-color-cell > input{ - width:80%; + +.other_PropertyEditor .html-color-cell>input { + width: 80%; } -.other_PropertyEditor .html-color-cell > input[type="color"]{ - width:20%; + +.other_PropertyEditor .html-color-cell>input[type="color"] { + width: 20%; position: relative; top: -1px; } \ No newline at end of file diff --git a/packages/other/src/RadioCheckbox.css b/packages/other/src/RadioCheckbox.css index dbe7f86be0..40c5180cfb 100644 --- a/packages/other/src/RadioCheckbox.css +++ b/packages/other/src/RadioCheckbox.css @@ -1,5 +1,4 @@ -.other_RadioCheckbox input { -} +.other_RadioCheckbox input {} .other_RadioCheckbox span, .other_RadioCheckbox label { diff --git a/packages/other/src/Select.css b/packages/other/src/Select.css index 9be1b64579..b370803d72 100644 --- a/packages/other/src/Select.css +++ b/packages/other/src/Select.css @@ -1,7 +1,6 @@ -.other_Select select { -} +.other_Select select {} -.other_Select span, +.other_Select span, .other_Select label { - vertical-align:top; -} + vertical-align: top; +} \ No newline at end of file diff --git a/packages/other/src/Table.css b/packages/other/src/Table.css index 12eea2fe36..1d150a7b13 100644 --- a/packages/other/src/Table.css +++ b/packages/other/src/Table.css @@ -1,5 +1,5 @@ .other_Table { - color:#333333; + color: #333333; border-width: 1px; border-color: #999999; } @@ -8,85 +8,100 @@ border-collapse: collapse; border-spacing: 0; } + .other_Table .tableDiv { position: absolute; } -.other_Table th, .labels-wrapper th { - padding:5px 10px; +.other_Table th, +.labels-wrapper th { + padding: 5px 10px; border-width: 1px; border-style: solid; border-color: #a9c6c9; - color:white; + color: white; white-space: nowrap; - cursor : pointer; + cursor: pointer; box-sizing: border-box; } -.other_Table thead > tr, .cols-wrapper tr { - background-color:#1f77b4; + +.other_Table thead>tr, +.cols-wrapper tr { + background-color: #1f77b4; } -.other_Table .thIcon, .labels-wrapper .thIcon { +.other_Table .thIcon, +.labels-wrapper .thIcon { font-family: FontAwesome; padding-left: 8px; } -.other_Table .tableDiv tbody > tr:nth-child(odd) { +.other_Table .tableDiv tbody>tr:nth-child(odd) { background-color: #f3faff; - color:black; + color: black; } -.other_Table .tableDiv tbody > tr:nth-child(even) { +.other_Table .tableDiv tbody>tr:nth-child(even) { background-color: white; - color:black; + color: black; } -.other_Table .tableDiv tbody > tr.selected { - background-color:#f48a00; + +.other_Table .tableDiv tbody>tr.selected { + background-color: #f48a00; color: white; } -.other_Table .rows-wrapper table > tbody > tr { - background-color:#BCE1FB; - color:black; +.other_Table .rows-wrapper table>tbody>tr { + background-color: #BCE1FB; + color: black; } .other_Table .rows-wrapper .labels-wrapper { width: 100%; } -.other_Table table tbody > tr.selected { - background-color:#f48a00; + +.other_Table table tbody>tr.selected { + background-color: #f48a00; color: white; } -.other_Table .tableDiv tbody > tr:hover, .other_Table .tableDiv tbody > tr.hover, .rows-wrapper table tbody tr.hover { +.other_Table .tableDiv tbody>tr:hover, +.other_Table .tableDiv tbody>tr.hover, +.rows-wrapper table tbody tr.hover { background-color: #bfd7e7; color: white; } -.other_Table .tableDiv tbody > tr.selected:hover, .other_Table .tableDiv tbody > tr.selected.hover { + +.other_Table .tableDiv tbody>tr.selected:hover, +.other_Table .tableDiv tbody>tr.selected.hover { background-color: #5ea8db; color: white; } + .other_Table .rows-wrapper tbody tr.hover.selected { - background-color:#5ea8db; + background-color: #5ea8db; color: white; } -.other_Table tr.selected:hover, .other_Table tr.selected.hover { - background-color:#5ea8db; +.other_Table tr.selected:hover, +.other_Table tr.selected.hover { + background-color: #5ea8db; color: white; } -.other_Table td, .rows-wrapper td{ +.other_Table td, +.rows-wrapper td { border-width: 1px; - padding:2px 5px; + padding: 2px 5px; border-style: solid; border-color: #a9c6c9; white-space: nowrap; - box-sizing:border-box; + box-sizing: border-box; vertical-align: middle; } -.other_Table tfoot td, .rows-wrapper tfoot td { +.other_Table tfoot td, +.rows-wrapper tfoot td { background-color: #ADDFF3; font-weight: bold; -} +} \ No newline at end of file diff --git a/packages/other/src/ThemeEditor.css b/packages/other/src/ThemeEditor.css index 6b477f4618..a5bf815fc0 100644 --- a/packages/other/src/ThemeEditor.css +++ b/packages/other/src/ThemeEditor.css @@ -1,194 +1,229 @@ -.other_ThemeEditor *{ - box-sizing:border-box; +.other_ThemeEditor * { + box-sizing: border-box; } -.other_ThemeEditor table{ - width:100%; - margin-bottom:4px; + +.other_ThemeEditor table { + width: 100%; + margin-bottom: 4px; } -.other_ThemeEditor table:last-child{ - margin-bottom:0px; + +.other_ThemeEditor table:last-child { + margin-bottom: 0px; } -.other_ThemeEditor thead > tr > th{ - text-align:left; + +.other_ThemeEditor thead>tr>th { + text-align: left; } -.other_ThemeEditor thead > tr > th > b{ - font-weight:bold; + +.other_ThemeEditor thead>tr>th>b { + font-weight: bold; } -.other_ThemeEditor thead > tr > th{ - background-color:#FAFAFA; + +.other_ThemeEditor thead>tr>th { + background-color: #FAFAFA; } -.other_ThemeEditor tbody > tr > th, -.other_ThemeEditor tbody > tr > td{ - font-weight:normal; - background-color:#FAFAFA; + +.other_ThemeEditor tbody>tr>th, +.other_ThemeEditor tbody>tr>td { + font-weight: normal; + background-color: #FAFAFA; } -.other_ThemeEditor thead > tr:first-child > th{ - background-color:#E5E5E5; + +.other_ThemeEditor thead>tr:first-child>th { + background-color: #E5E5E5; } -.other_ThemeEditor thead > tr.mm-content > th { - padding: 0 4px; - font-size: 12px; + +.other_ThemeEditor thead>tr.mm-content>th { + padding: 0 4px; + font-size: 12px; } + .other_ThemeEditor th, -.other_ThemeEditor td{ - padding:4px; +.other_ThemeEditor td { + padding: 4px; white-space: nowrap; } -.other_ThemeEditor thead.mm-label > tr:first-child > th{ - position:relative; + +.other_ThemeEditor thead.mm-label>tr:first-child>th { + position: relative; padding-left: 29px; } -.other_ThemeEditor thead.mm-label > tr:first-child > th::before{ - content:"[+]"; - position:absolute; + +.other_ThemeEditor thead.mm-label>tr:first-child>th::before { + content: "[+]"; + position: absolute; left: 3px; top: 3px; color: #404040; - height:15px; - width:15px; - font-family:monospace; + height: 15px; + width: 15px; + font-family: monospace; } -.other_ThemeEditor thead.mm-label.max > tr:first-child > th::before{ - content:"[-]"; + +.other_ThemeEditor thead.mm-label.max>tr:first-child>th::before { + content: "[-]"; } -.other_ThemeEditor tr.sharedPropertyRow > td.label::after{ - content:"[+]"; - position:absolute; + +.other_ThemeEditor tr.sharedPropertyRow>td.label::after { + content: "[+]"; + position: absolute; right: 10px; top: 3px; color: #404040; - height:15px; - width:15px; - font-family:monospace; + height: 15px; + width: 15px; + font-family: monospace; } -.other_ThemeEditor tr.sharedPropertyRow > td.label.expanded::after{ - content:"[-]"; + +.other_ThemeEditor tr.sharedPropertyRow>td.label.expanded::after { + content: "[-]"; } -.other_ThemeEditor tr.sharedPropertyRow > td.label{ - position:relative; - padding-right:30px; - text-decoration:underline; + +.other_ThemeEditor tr.sharedPropertyRow>td.label { + position: relative; + padding-right: 30px; + text-decoration: underline; } -.other_ThemeEditor tr.sharedPropertyRow > td.label:hover{ - text-decoration:none; - cursor:pointer; + +.other_ThemeEditor tr.sharedPropertyRow>td.label:hover { + text-decoration: none; + cursor: pointer; } -.other_ThemeEditor tr.propertyRow > th, -.other_ThemeEditor tr.propertyRow > td{ - background-color:#F4F4F4; + +.other_ThemeEditor tr.propertyRow>th, +.other_ThemeEditor tr.propertyRow>td { + background-color: #F4F4F4; } -.other_ThemeEditor tr.propertyRow > td.label{ + +.other_ThemeEditor tr.propertyRow>td.label { padding-left: 24px; } .other_ThemeEditor table, .other_ThemeEditor th, -.other_ThemeEditor td{ - border:1px solid #e5e5e5; +.other_ThemeEditor td { + border: 1px solid #e5e5e5; } + .other_ThemeEditor .mm-label.min .mm-content, -.other_ThemeEditor .mm-label.min + .mm-content { - display:none; +.other_ThemeEditor .mm-label.min+.mm-content { + display: none; } + .mm-label:hover { - cursor:pointer; + cursor: pointer; } -.other_ThemeEditor .sharedPropertyRow > .te-label{ - cursor:pointer; +.other_ThemeEditor .sharedPropertyRow>.te-label { + cursor: pointer; } -.other_ThemeEditor .sharedPropertyRow > .te-label:hover{ - text-decoration:none; + +.other_ThemeEditor .sharedPropertyRow>.te-label:hover { + text-decoration: none; } -.other_ThemeEditor .propertyRow.shown > .te-label{ - padding-left:15px; +.other_ThemeEditor .propertyRow.shown>.te-label { + padding-left: 15px; } -.other_ThemeEditor .propertyRow > td{ - background-color:#F4F4F4; + +.other_ThemeEditor .propertyRow>td { + background-color: #F4F4F4; } -.other_ThemeEditor [class*=" te-"]{ +.other_ThemeEditor [class*=" te-"] { /*float:left;*/ } + .other_ThemeEditor input, .other_ThemeEditor textarea, -.other_ThemeEditor select{ - height:30px; - float:left; +.other_ThemeEditor select { + height: 30px; + float: left; } + .other_ThemeEditor input, -.other_ThemeEditor select{ - width:150px; +.other_ThemeEditor select { + width: 150px; } -.other_ThemeEditor .te-checkbox{ - width:20px; - height:20px; - margin:0; + +.other_ThemeEditor .te-checkbox { + width: 20px; + height: 20px; + margin: 0; } -.other_ThemeEditor .te-html-color-input{ - height:30px; - width:120px; +.other_ThemeEditor .te-html-color-input { + height: 30px; + width: 120px; } -.other_ThemeEditor .te-html-color-button{ - width:30px; +.other_ThemeEditor .te-html-color-button { + width: 30px; } + .other_ThemeEditor button, -.other_ThemeEditor .te-html-color-button{ - background-color:#CCC; - border:1px solid #A9A9A9; - border-left:0; - height:30px; - float:left; - padding:4px; +.other_ThemeEditor .te-html-color-button { + background-color: #CCC; + border: 1px solid #A9A9A9; + border-left: 0; + height: 30px; + float: left; + padding: 4px; } + .other_ThemeEditor button, .other_ThemeEditor .te-html-color-button, -.other_ThemeEditor .te-section-table thead{ - cursor:pointer; +.other_ThemeEditor .te-section-table thead { + cursor: pointer; } + .other_ThemeEditor button:hover, -.other_ThemeEditor .te-html-color-button:hover{ - background-color:#BBB; +.other_ThemeEditor .te-html-color-button:hover { + background-color: #BBB; } + .other_ThemeEditor button:active, -.other_ThemeEditor .te-html-color-button:active{ - background-color:#AAA; +.other_ThemeEditor .te-html-color-button:active { + background-color: #AAA; } -.other_ThemeEditor .te-label{ +.other_ThemeEditor .te-label { white-space: nowrap; width: 1%; vertical-align: top; } -.other_ThemeEditor .te-section-table > tbody > tr:hover{ + +.other_ThemeEditor .te-section-table>tbody>tr:hover { background-color: #F8FF98; } -.te-section-table thead th{ - font-weight:bold; + +.te-section-table thead th { + font-weight: bold; } -.te-section-table.expanded > thead > tr > th:after { + +.te-section-table.expanded>thead>tr>th:after { font: normal normal normal 14px/1 FontAwesome; content: "ï…‡"; float: right; margin-right: 6px; margin-top: 4px; } -.te-section-table.collapsed > thead > tr > th:after { + +.te-section-table.collapsed>thead>tr>th:after { font: normal normal normal 14px/1 FontAwesome; content: ""; float: right; margin-right: 6px; margin-top: 4px; } -#te-tableModeOptions thead > tr > th, -#te-themeEditorOptions thead > tr > th{ - border:1px solid #6E6E73; - background-color:#6E6E73; - color:#FAFAFA; + +#te-tableModeOptions thead>tr>th, +#te-themeEditorOptions thead>tr>th { + border: 1px solid #6E6E73; + background-color: #6E6E73; + color: #FAFAFA; } + /* .widget-property-hover{ background-color: #F1C40F!important; diff --git a/packages/timeline/src/MiniGantt.css b/packages/timeline/src/MiniGantt.css index faf35e1384..2e915eaaa2 100644 --- a/packages/timeline/src/MiniGantt.css +++ b/packages/timeline/src/MiniGantt.css @@ -14,7 +14,7 @@ stroke: #333; } -.timeline_MiniGantt .buckets.selected .common_EntityRect .common_Shape > rect { +.timeline_MiniGantt .buckets.selected .common_EntityRect .common_Shape>rect { stroke: red; } @@ -22,10 +22,12 @@ fill: black; stroke: none; } + .timeline_MiniGantt .over { stroke: transparent; opacity: 0.8; } + .timeline_MiniGantt rect { shape-rendering: crispEdges; } \ No newline at end of file diff --git a/packages/tree/src/CirclePacking.css b/packages/tree/src/CirclePacking.css index baf365db2c..38ab55a1a9 100644 --- a/packages/tree/src/CirclePacking.css +++ b/packages/tree/src/CirclePacking.css @@ -11,6 +11,6 @@ } .tree_CirclePacking .label { - fill:white; + fill: white; text-anchor: middle; -} +} \ No newline at end of file diff --git a/packages/tree/src/Dendrogram.css b/packages/tree/src/Dendrogram.css index 6ca93c6ade..aed0450883 100644 --- a/packages/tree/src/Dendrogram.css +++ b/packages/tree/src/Dendrogram.css @@ -1,5 +1,4 @@ -.tree_Dendrogram .node { -} +.tree_Dendrogram .node {} .tree_Dendrogram .node circle { fill: #dcf1ff; @@ -39,4 +38,4 @@ fill: none; stroke: #656565; stroke-width: 1.0px; -} +} \ No newline at end of file diff --git a/packages/tree/src/SunburstPartition.css b/packages/tree/src/SunburstPartition.css index 22554f18bc..24db7da8f2 100644 --- a/packages/tree/src/SunburstPartition.css +++ b/packages/tree/src/SunburstPartition.css @@ -1,5 +1,5 @@ .tree_Sunburst path { stroke: #fff; - stroke-width:0.5px; + stroke-width: 0.5px; fill-rule: evenodd; -} +} \ No newline at end of file diff --git a/packages/tree/src/Treemap.css b/packages/tree/src/Treemap.css index ba173c507a..584beb7911 100644 --- a/packages/tree/src/Treemap.css +++ b/packages/tree/src/Treemap.css @@ -1,6 +1,7 @@ .tree_Treemap * { box-sizing: border-box; } + .tree_Treemap .node { border: solid 1px #333; overflow: hidden; @@ -19,23 +20,27 @@ .tree_Treemap .node.selected.over { border-color: red; } -.tree_Treemap .node > span.treemap-parent-label { + +.tree_Treemap .node>span.treemap-parent-label { font-weight: bold; display: inline-block; margin: 4px 4px 0 4px; } -.tree_Treemap .node > span.treemap-parent-value { + +.tree_Treemap .node>span.treemap-parent-value { font-weight: normal; font-style: italic; margin: 4px 0 0 0; } -.tree_Treemap .node > span.treemap-singleton-label { + +.tree_Treemap .node>span.treemap-singleton-label { font-weight: normal; display: block; margin: 4px 0 0 4px; } -.tree_Treemap .node > span.treemap-singleton-value { + +.tree_Treemap .node>span.treemap-singleton-value { font-style: italic; display: block; margin: 0 0 0 4px; -} +} \ No newline at end of file