From f8520162a03c8ab2d9122bd3c06f741bb28956a9 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 21 Jan 2013 21:03:47 -0800 Subject: [PATCH] Updating the tabs --- .atom/themes/Atom - Dark/tabs.css | 25 +++-------------- .atom/themes/Atom - Light/linux.css | 13 --------- .atom/themes/Atom - Light/mac.css | 0 .atom/themes/Atom - Light/tabs.css | 38 ++++++++++++-------------- .atom/themes/Atom - Light/vim-mode.css | 4 --- src/packages/tabs/stylesheets/tabs.css | 31 +++++++++++++++++++++ 6 files changed, 52 insertions(+), 59 deletions(-) delete mode 100644 .atom/themes/Atom - Light/linux.css delete mode 100644 .atom/themes/Atom - Light/mac.css delete mode 100644 .atom/themes/Atom - Light/vim-mode.css create mode 100644 src/packages/tabs/stylesheets/tabs.css diff --git a/.atom/themes/Atom - Dark/tabs.css b/.atom/themes/Atom - Dark/tabs.css index 02650af58..4e4eba797 100644 --- a/.atom/themes/Atom - Dark/tabs.css +++ b/.atom/themes/Atom - Dark/tabs.css @@ -2,24 +2,16 @@ background: #333333; border-bottom: 4px solid #424242; font: caption; - -webkit-user-select: none; - user-select: none; } .tab { cursor: default; padding: 2px 21px 2px 9px; background-image: -webkit-linear-gradient(#444, #3d3d3d); - display: table-cell; - position: relative; - width:175px; border-top: 1px solid #383838; border-right: 1px solid #2e2e2e; border-bottom: 1px solid #2e2e2e; box-shadow: inset 0 0 5px #383838, 0 1px 0 #585858, inset -1px 0 0 #4a4a4a, inset 1px 0 0 #4a4a4a; - min-width: 40px; - box-sizing: border-box; - height: 24px; } .tab, @@ -48,11 +40,7 @@ .tab.file-modified .close-icon { border: 3px solid #777; - top: 6px; border-radius: 10px; - width: 5px; - height: 5px; - right: 5px; } .tab.file-modified .close-icon:before { @@ -102,6 +90,10 @@ display: none; } +.tab.active:last-child:after { + display: none; +} + .tab:hover { color: #c8c8c8; background-image: -webkit-linear-gradient(#474747, #444444); @@ -109,16 +101,7 @@ .tab .file-name { font-size: 11px; - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; text-shadow: 0 -1px 1px black; - position: absolute; - left: 9px; - top:4px; - bottom:4px; - right: 21px; } .tab .close-icon { diff --git a/.atom/themes/Atom - Light/linux.css b/.atom/themes/Atom - Light/linux.css deleted file mode 100644 index 183353821..000000000 --- a/.atom/themes/Atom - Light/linux.css +++ /dev/null @@ -1,13 +0,0 @@ -::-webkit-scrollbar-corner { - background-color: transparent; -} - -::-webkit-scrollbar { - width: 8px; - height: 8px; -} - -::-webkit-scrollbar-thumb { - -webkit-border-radius: 2px; - background: rgba(150, 150, 150, .33); -} diff --git a/.atom/themes/Atom - Light/mac.css b/.atom/themes/Atom - Light/mac.css deleted file mode 100644 index e69de29bb..000000000 diff --git a/.atom/themes/Atom - Light/tabs.css b/.atom/themes/Atom - Light/tabs.css index dde7f5638..31db4d57b 100644 --- a/.atom/themes/Atom - Light/tabs.css +++ b/.atom/themes/Atom - Light/tabs.css @@ -8,16 +8,10 @@ cursor: default; padding: 2px 21px 2px 9px; background-image: -webkit-linear-gradient(#e0e0e0, #bfbfbf); - display: table-cell; - position: relative; - width:175px; border-top: 1px solid #6a6a6a; border-right: 1px solid #959595; border-bottom: 1px solid #959595; box-shadow: inset 0 0 5px #eee, 0 1px 0 #eee, inset -1px 0 0 #e0e0e0, inset 1px 0 0 #e0e0e0; - min-width: 40px; - box-sizing: border-box; - height: 24px; color: #323232; } @@ -38,17 +32,23 @@ color: #010101; } +.tab.active:first-child, +.tab.active:first-child:hover { + box-shadow: none; +} + .tab.file-modified.active .close-icon { - border-color: rgba(0,0,0,0.3); + border-color: #e6e6e6; +} + +.tab:hover .close-icon { + color: #c8c8c8; + border-color: #c8c8c8; } .tab.file-modified .close-icon { border: 3px solid #777; - top: 6px; border-radius: 10px; - width: 5px; - height: 5px; - right: 5px; } .tab.file-modified .close-icon:before { @@ -66,7 +66,7 @@ .tab.active:before, .tab.active:after { position: absolute; - bottom: 0px; + bottom: 0; width: 4px; height: 4px; content: " "; @@ -88,22 +88,18 @@ .tab.active:first-child:before { display: none; } + .tab.active:last-child:after { display: none; } +.tab:hover { + background-image: -webkit-linear-gradient(#e2e2e2, #e0e0e0); +} + .tab .file-name { font-size: 11px; - display: block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; text-shadow: 0 1px 0 #e0e0e0; - position: absolute; - left: 9px; - top:4px; - bottom:4px; - right: 21px; } .tab .close-icon { diff --git a/.atom/themes/Atom - Light/vim-mode.css b/.atom/themes/Atom - Light/vim-mode.css deleted file mode 100644 index 49c73f580..000000000 --- a/.atom/themes/Atom - Light/vim-mode.css +++ /dev/null @@ -1,4 +0,0 @@ -.editor.command-mode .cursor { - border-left: 0; - background-color: #9dff9d; -} diff --git a/src/packages/tabs/stylesheets/tabs.css b/src/packages/tabs/stylesheets/tabs.css new file mode 100644 index 000000000..0239bc734 --- /dev/null +++ b/src/packages/tabs/stylesheets/tabs.css @@ -0,0 +1,31 @@ +.tabs { + -webkit-user-select: none; +} + +.tab { + display: table-cell; + position: relative; + width:175px; + min-width: 40px; + box-sizing: border-box; + height: 24px; +} + +.tab.file-modified .close-icon { + top: 6px; + width: 5px; + height: 5px; + right: 5px; +} + +.tab .file-name { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + position: absolute; + left: 9px; + top:4px; + bottom:4px; + right: 21px; +} \ No newline at end of file