From 6fd0118d2c92adc6400005cf8e1d07e06209effe Mon Sep 17 00:00:00 2001 From: Justin Palmer Date: Mon, 4 Mar 2013 12:05:40 -0800 Subject: [PATCH] tree-view.css -> tree-view.less --- .../tree-view/stylesheets/tree-view.css | 57 ------------------- .../tree-view/stylesheets/tree-view.less | 57 +++++++++++++++++++ 2 files changed, 57 insertions(+), 57 deletions(-) delete mode 100644 src/packages/tree-view/stylesheets/tree-view.css create mode 100644 src/packages/tree-view/stylesheets/tree-view.less diff --git a/src/packages/tree-view/stylesheets/tree-view.css b/src/packages/tree-view/stylesheets/tree-view.css deleted file mode 100644 index 723b85f2e..000000000 --- a/src/packages/tree-view/stylesheets/tree-view.css +++ /dev/null @@ -1,57 +0,0 @@ -.tree-view-wrapper { - position: relative; - height: 100%; - cursor: default; - -webkit-user-select: none; - min-width: 50px; - z-index: 2; -} - -.tree-view { - position: relative; - cursor: default; - -webkit-user-select: none; - overflow: auto; - height: 100%; -} - -.tree-view-wrapper .tree-view-resizer { - position: absolute; - top: 0; - right: 0; - bottom: 0; - width: 10px; - cursor: col-resize; - z-index: 3; -} - -.tree-view .entry { - text-wrap: none; - white-space: nowrap; -} - -.tree-view .entry > .header, -.tree-view .entry > .name { - z-index: 1; - position: relative; - display: inline-block; -} - -.tree-view .selected > .highlight { - position: absolute; - left: 0; - right: 0; - height: 24px; -} - -.tree-view .disclosure-arrow { - display: inline-block; -} - -.tree-view-dialog { - position: absolute; - bottom: 0; - left: 0; - right: 0; - z-index: 99; -} diff --git a/src/packages/tree-view/stylesheets/tree-view.less b/src/packages/tree-view/stylesheets/tree-view.less new file mode 100644 index 000000000..33c9db860 --- /dev/null +++ b/src/packages/tree-view/stylesheets/tree-view.less @@ -0,0 +1,57 @@ +.tree-view-wrapper { + position: relative; + height: 100%; + cursor: default; + -webkit-user-select: none; + min-width: 50px; + z-index: 2; + + .tree-view-resizer { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 10px; + cursor: col-resize; + z-index: 3; + } +} + +.tree-view { + position: relative; + cursor: default; + -webkit-user-select: none; + overflow: auto; + height: 100%; + + .entry { + text-wrap: none; + white-space: nowrap; + + & > .header, + > .name { + z-index: 1; + position: relative; + display: inline-block; + } + } + + .selected > .highlight { + position: absolute; + left: 0; + right: 0; + height: 24px; + } + + .disclosure-arrow { + display: inline-block; + } +} + +.tree-view-dialog { + position: absolute; + bottom: 0; + left: 0; + right: 0; + z-index: 99; +}