Styling documentCanvas - scrollbar and dimension

Still using the old approach to canvas height.

diff --git a/modules.less b/modules.less
deleted file mode 100644 (file)
index fa6a64a..0000000
--- a/modules.less
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'modules/rng/rng.less';\r
-@import 'modules/mainBar/mainBar.less';\r
-@import 'modules/documentToolbar/documentToolbar.less';\r
-@import 'modules/indicator/indicator.less';\r
-@import 'modules/nodePane/nodePane.less';\r
-@import 'modules/metadataEditor/metadataEditor.less';
\ No newline at end of file

diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less
new file mode 100644 (file)
index 0000000..c03ede4
--- /dev/null
+++ b/modules/documentCanvas/documentCanvas.less
@@ -0,0 +1,23 @@
+#rng-module-documentCanvas-contentWrapper {\r
+    border-color: #ddd;\r
+    border-style: solid;\r
+    border-width: 1px;\r
+    float:left;\r
+    width: 600px;\r
+    height: 450px;\r
+    overflow-y: scroll;\r
+    padding: 5px 10px;\r
+    \r
+    &::-webkit-scrollbar {\r
+        .rng-mixin-scrollbar;\r
+    }\r
+    &::-webkit-scrollbar-track {\r
+        .rng-mixin-scrollbar-track;\r
+    }\r
+    &::-webkit-scrollbar-thumb {\r
+        .rng-mixin-scrollbar-thumb;\r
+    }\r
+    &::-webkit-scrollbar-thumb:window-inactive {\r
+        .rng-mixin-scrollbar-thumb-window-inactive;\r
+    }\r
+}
\ No newline at end of file

diff --git a/styles/main.less b/styles/main.less
new file mode 100644 (file)
index 0000000..aee5868
--- /dev/null
+++ b/styles/main.less
@@ -0,0 +1,9 @@
+@import 'mixins.less';\r
+\r
+@import '../modules/rng/rng.less';\r
+@import '../modules/documentCanvas/documentCanvas.less';\r
+@import '../modules/mainBar/mainBar.less';\r
+@import '../modules/documentToolbar/documentToolbar.less';\r
+@import '../modules/indicator/indicator.less';\r
+@import '../modules/nodePane/nodePane.less';\r
+@import '../modules/metadataEditor/metadataEditor.less';
\ No newline at end of file

diff --git a/styles/mixins.less b/styles/mixins.less
new file mode 100644 (file)
index 0000000..d2c08f4
--- /dev/null
+++ b/styles/mixins.less
@@ -0,0 +1,20 @@
+.rng-mixin-scrollbar {\r
+    width: 9px;\r
+}\r
+\r
+.rng-mixin-scrollbar-track {\r
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); \r
+    -webkit-border-radius: 10px;\r
+    border-radius: 10px;\r
+}\r
+\r
+.rng-mixin-scrollbar-thumb {\r
+    -webkit-border-radius: 10px;\r
+    border-radius: 10px;\r
+    background: rgba(73,175,205,0.8); \r
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); \r
+}\r
+\r
+.rng-mixin-scrollbar-thumb-window-inactive {\r
+    background: rgba(73,175,205,0.4); \r
+}
\ No newline at end of file