From: Aleksander Łukasz <aleksander.lukasz@nowoczesnapolska.org.pl>
Date: Thu, 6 Jun 2013 12:21:01 +0000 (+0200)
Subject: Styling documentCanvas - scrollbar and dimension
X-Git-Url: https://git.mdrn.pl/fnpeditor.git/commitdiff_plain/663dca11ef9629a8454adc006753e480b4bcde4b?ds=inline

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
index fa6a64a..0000000
--- a/modules.less
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'modules/rng/rng.less';
-@import 'modules/mainBar/mainBar.less';
-@import 'modules/documentToolbar/documentToolbar.less';
-@import 'modules/indicator/indicator.less';
-@import 'modules/nodePane/nodePane.less';
-@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
index 0000000..c03ede4
--- /dev/null
+++ b/modules/documentCanvas/documentCanvas.less
@@ -0,0 +1,23 @@
+#rng-module-documentCanvas-contentWrapper {
+    border-color: #ddd;
+    border-style: solid;
+    border-width: 1px;
+    float:left;
+    width: 600px;
+    height: 450px;
+    overflow-y: scroll;
+    padding: 5px 10px;
+    
+    &::-webkit-scrollbar {
+        .rng-mixin-scrollbar;
+    }
+    &::-webkit-scrollbar-track {
+        .rng-mixin-scrollbar-track;
+    }
+    &::-webkit-scrollbar-thumb {
+        .rng-mixin-scrollbar-thumb;
+    }
+    &::-webkit-scrollbar-thumb:window-inactive {
+        .rng-mixin-scrollbar-thumb-window-inactive;
+    }
+}
\ No newline at end of file
diff --git a/styles/main.less b/styles/main.less
new file mode 100644
index 0000000..aee5868
--- /dev/null
+++ b/styles/main.less
@@ -0,0 +1,9 @@
+@import 'mixins.less';
+
+@import '../modules/rng/rng.less';
+@import '../modules/documentCanvas/documentCanvas.less';
+@import '../modules/mainBar/mainBar.less';
+@import '../modules/documentToolbar/documentToolbar.less';
+@import '../modules/indicator/indicator.less';
+@import '../modules/nodePane/nodePane.less';
+@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
index 0000000..d2c08f4
--- /dev/null
+++ b/styles/mixins.less
@@ -0,0 +1,20 @@
+.rng-mixin-scrollbar {
+    width: 9px;
+}
+
+.rng-mixin-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+}
+
+.rng-mixin-scrollbar-thumb {
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    background: rgba(73,175,205,0.8); 
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
+}
+
+.rng-mixin-scrollbar-thumb-window-inactive {
+    background: rgba(73,175,205,0.4); 
+}
\ No newline at end of file