From f5225029388eddd6fe8a076b0697ddda42680637 Mon Sep 17 00:00:00 2001 From: Matt Pass Date: Sun, 3 Feb 2013 16:52:30 +0000 Subject: [PATCH] Classes to transition tabs left 0.15s By default this is 0s, tabs other than the one being dragged is given the extra tabSlide class so they slide around in the background. The tab being dragged will also slide into place when the mouse button is released. --- lib/ice-coder.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/lib/ice-coder.css b/lib/ice-coder.css index 3732a5b..e04d0b7 100644 --- a/lib/ice-coder.css +++ b/lib/ice-coder.css @@ -101,9 +101,14 @@ h2 {font-size: 18px; font-weight: normal; color: #fff} .editor {position: absolute; display: inline-block; top: 0; left: 15px; width: 2400px} .editor .tabsBar {display: inline-block; height: 22px; width: 2400px; margin-top: 40px; padding-left: 41px; background: #ddd} .tabsBar .tab {position: absolute; display: none; background: url('../images/nav-bg.jpg') repeat-x 0 0; padding: 5px 8px 2px 8px; font-size: 10px; border-left: solid 1px #eee; border-right: solid 1px #777; border-radius: 4px 4px 0 0; color: #fff; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1 - -webkit-transition: all 0.15s; - -moz-transition: all 0.15s; - transition: all 0.15s; + -webkit-transition: left 0s ease-in-out; + -moz-transition: left 0s ease-in-out; + transition: left 0s ease-in-out; +} +.tabsBar .tabSlide { + -webkit-transition: left 0.15s ease-in-out; + -moz-transition: left 0.15s ease-in-out; + transition: left 0.15s ease-in-out; } .tabsBar .tab .closeTab, .tabsBar .closeAllTabs {margin: 1px 0 0 5px; border-radius: 6px; cursor: pointer} .tabsBar .tab .closeTab {position: absolute; right: 7px}