Merge pull request #4887 from TomMalbran/tom/highlight-line

RaymondLim · RaymondLim · commit 55e09950ce2e · 2013-08-22T15:43:19.000-07:00
Highlight the full active line and only hightlight in the focused editor
diff --git a/src/styles/brackets_codemirror_override.less b/src/styles/brackets_codemirror_override.less
@@ -42,9 +42,21 @@
 
 @code-padding: 15px;
 
+.CodeMirror-activeline-background {
+    background: transparent;
+}
 .CodeMirror-focused .CodeMirror-activeline-background {
-    background: @activeline-bgcolor; 
+    background: @activeline-bgcolor;
 }
+.CodeMirror-focused .CodeMirror-activeline {
+    & > div, .CodeMirror-gutter-elt {
+        height: 100%;
+    }
+    .CodeMirror-gutter-elt {
+        background: @activeline-bgcolor;
+    }
+}
+
 
 .cm-s-default {
     span.cm-keyword {color: @accent-keyword;}
@@ -181,11 +193,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);
     }
 }
 
