From: Aleksander Ɓukasz 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 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