diff --git a/sense/css/sense.css b/sense/css/sense.css index 8f00a1e1fc2e..d50494226373 100644 --- a/sense/css/sense.css +++ b/sense/css/sense.css @@ -20,8 +20,10 @@ body { position: absolute; top: 47px; right: 100%; + line-height: 1; margin-right: -468px; z-index: 100; + margin-top: 6px; /* compensate for being outside editor */ } #editor_actions > .btn-group > a { @@ -36,7 +38,7 @@ body { .editor_position { position: absolute; top: 50px; - bottom: 0; + bottom: 5px; left: 5px; width: 468px; } @@ -50,12 +52,24 @@ body { #output { position: absolute; top: 50px; - bottom: 0; + bottom: 5px; left: 488px; right: 5px; min-width: 700px; } +#output, #editor { + padding-top: 5px; +} + +.ace_gutter { + margin-top: 6px; +} + +.ace_scroller { + padding-top: 5px; +} + #autocomplete { visibility: hidden; position: absolute; @@ -184,6 +198,10 @@ body { margin-left: -1000px; } +.ace_layer.ace_marker-layer { + overflow: visible; +} + .ace_snippet-marker { position: absolute; width: 100% !important; diff --git a/sense/css/sense.dark.css b/sense/css/sense.dark.css index 7281191cc0e4..7cfc352f4eea 100644 --- a/sense/css/sense.dark.css +++ b/sense/css/sense.dark.css @@ -2,6 +2,7 @@ #editor, #output { outline: 1px solid #101214; border-top: 1px solid #3e444c; + background-color: #2e3236; } .ace_url { @@ -22,15 +23,14 @@ .ace_snippet-marker { background: rgba(194, 193, 208, 0.05); - /*border: 1px dotted rgba(211, 208, 235, 0.62); */ -} - -.ace_snippet-marker.ace_start { border-top: dotted 1px rgba(194, 193, 208, 0.30); + border-bottom: dotted 1px rgba(194, 193, 208, 0.30); + margin-top: -1px; /* compensate for background */ } -.ace_snippet-marker.ace_start + .ace_snippet-marker { - border-bottom: dotted 1px rgba(194, 193, 208, 0.30); +.ace_scroller { + border-top: 1px solid #101214; + border-left: 1px solid #101214; } #editor .ace_active-line { @@ -53,11 +53,15 @@ .ui-menu { background-color: #3a3f44; border: 1px solid rgba(0,0,0,0.2); - color: #7a8288; + color: #bbbfc2; } .ui-menu .ui-menu-item { - color: #7a8288; + color: #bbbfc2; +} + +.ui-menu .ui-menu-item a { + color: #bbbfc2; } .ui-menu .ui-state-focus { diff --git a/sense/css/sense.light.css b/sense/css/sense.light.css index c12eddadac62..359468225f10 100644 --- a/sense/css/sense.light.css +++ b/sense/css/sense.light.css @@ -20,21 +20,24 @@ body { color: rgb(3, 106, 7); } +.ace-tm .ace_gutter { + background: transparent; +} + +.ace_scroller { + border-top: 1px solid #ccc; + border-left: 1px solid #ccc; +} + .ace_method { color: rgb(197, 6, 11); } .ace_snippet-marker { background: rgba(194, 193, 208, 0.20); - /*border: 1px dotted rgba(211, 208, 235, 0.62); */ -} - -.ace_snippet-marker.ace_start { border-top: dotted 1px rgba(194, 193, 208, 0.80); -} - -.ace_snippet-marker.ace_start + .ace_snippet-marker { border-bottom: dotted 1px rgba(194, 193, 208, 0.80); + margin-top: -1px; /* compensate for background */ } #request_wrench i { diff --git a/sense/index.html b/sense/index.html index c7242aacf2ad..7e8b3b76819f 100644 --- a/sense/index.html +++ b/sense/index.html @@ -19,7 +19,7 @@ + class="label label-info">