From a17447ff021ca74612d1688f850cc66b56ded47b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Malbr=C3=A1n?= Date: Thu, 22 Aug 2013 17:49:21 -0300 Subject: [PATCH 1/2] Highlight the full active line and only hightlight in the focused editor --- src/styles/brackets_codemirror_override.less | 22 ++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/src/styles/brackets_codemirror_override.less b/src/styles/brackets_codemirror_override.less index d573b2e834e..043fcab865f 100644 --- a/src/styles/brackets_codemirror_override.less +++ b/src/styles/brackets_codemirror_override.less @@ -42,10 +42,17 @@ @code-padding: 15px; +.CodeMirror-activeline-background { + background: transparent; +} .CodeMirror-focused .CodeMirror-activeline-background { - background: @activeline-bgcolor; + background: @activeline-bgcolor; +} +.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { + background: @activeline-bgcolor; } + .cm-s-default { span.cm-keyword {color: @accent-keyword;} span.cm-atom {color: @accent-atom;} @@ -181,11 +188,18 @@ cursor: default; } + .CodeMirror .CodeMirror-activeline-background { + background: transparent; + } + .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt { + background: transparent; + } + .CodeMirror-focused .CodeMirror-activeline-background { - background: darken(@activeline-bgcolor, @bc-color-step-size / 2); + background: darken(@activeline-bgcolor, @bc-color-step-size / 2); } - &.CodeMirror-focused .CodeMirror .CodeMirror-activeline-background { - background: transparent; + .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { + background: darken(@activeline-bgcolor, @bc-color-step-size / 2); } } From 0068812ee34eac92d6c0c55b2abe2d0aab549056 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tom=C3=A1s=20Malbr=C3=A1n?= Date: Thu, 22 Aug 2013 19:35:44 -0300 Subject: [PATCH 2/2] Make the gutter element 100% height --- src/styles/brackets_codemirror_override.less | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/styles/brackets_codemirror_override.less b/src/styles/brackets_codemirror_override.less index 043fcab865f..f436aee7eac 100644 --- a/src/styles/brackets_codemirror_override.less +++ b/src/styles/brackets_codemirror_override.less @@ -48,8 +48,13 @@ .CodeMirror-focused .CodeMirror-activeline-background { background: @activeline-bgcolor; } -.CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { - background: @activeline-bgcolor; +.CodeMirror-focused .CodeMirror-activeline { + & > div, .CodeMirror-gutter-elt { + height: 100%; + } + .CodeMirror-gutter-elt { + background: @activeline-bgcolor; + } }