fix issue #1 and make tabs look better

joshyrobot · Feb 5, 2017 · 72d6378 · 72d6378
1 parent 1adbfa3
commit 72d6378
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/styles/editor.less b/styles/editor.less
@@ -21,7 +21,7 @@ atom-text-editor[mini] {
 
   &,
   // <-- Deprecated. The `&,` can be removed once the Shadow DOM can't be turned off in the settings.
-  &::shadow {
+  &.editor {
     .placeholder-text {
       color: @text-color-subtle;
     }

diff --git a/styles/tabs.less b/styles/tabs.less
@@ -16,7 +16,7 @@
     border: 1px solid @tab-bar-background-color;
     border-bottom: 1px solid @base-border-color;
 
-    transition: background 0.25s;
+    transition: all 0.25s;
 
     font-size: @font-size;
     line-height: @tab-height;
@@ -32,6 +32,8 @@
 
     &:not(.active):hover {
       background: @kde-background-hover;
+      border: 1px solid @kde-background-hover;
+      border-bottom: 1px solid @base-border-color;
     }
 
     &:first-child {
@@ -71,9 +73,9 @@
     // Styles get applied while dragging a tab
     &.is-dragging {
       opacity: 0.5;
-      background: darken(@tab-background-color, 10%);
+      background: @base-background-color;
 
-      border-color: transparent;
+      // border: none;
       & .close-icon {
         visibility: hidden;
       }