X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/fcf3ec2a7cdac14c85d30d81dce86be7b60ce0bb..412e60ded1457ec0f408e2234c9dd60122929bac:/modules/documentCanvas/documentCanvas.less?ds=sidebyside diff --git a/modules/documentCanvas/documentCanvas.less b/modules/documentCanvas/documentCanvas.less index acfc4c1..e17dce4 100644 --- a/modules/documentCanvas/documentCanvas.less +++ b/modules/documentCanvas/documentCanvas.less @@ -1,60 +1,82 @@ -@import 'wlxml.less'; - -#rng-module-documentCanvas { - height: 100%; -} - -#rng-module-documentCanvas-mainArea { - height: 100%; - margin-bottom: 20px; -} - -#rng-module-documentCanvas-contentWrapper { - border-color: #ddd; - border-style: solid; - border-width: 1px; - float:left; - width: 100%; - height: 100%; - overflow-y: scroll; - padding: 0 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; - } - - #rng-module-documentCanvas-content { - outline: 0px solid transparent; - } -} - -.rng-module-documentCanvas-currentNode { - background: #fffacd; - border-color: grey; - border-style:dashed; - border-width:1px; -} - -.rng-module-documentCanvas-hoveredNodeTag { - position:absolute; - height:20px; - top:-20px; - left:0; - background: #bd362f; - color: white; - font-size:9px; - font-weight: normal; - font-style: normal; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; - padding: 0 5px; - text-indent: 0; +@import 'nodes.less'; +@import 'canvas/widgets.less'; + +#rng-module-documentCanvas { + height: 100%; +} + +#rng-module-documentCanvas-mainArea { + height: 100%; + margin-bottom: 20px; +} + +#rng-module-documentCanvas-contentWrapper { + border-color: #ddd; + border-style: solid; + border-width: 1px; + float:left; + width: 100%; + height: 100%; + overflow-y: scroll; + padding: 0 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; + } + + .canvas-wrapper { + outline: 0px solid transparent; + } + + .current-text-element { + outline: 1px dashed black; + } + + .current-node-element { + border-color: lighten(#000, 15%); + border-style: solid; + border-width: 1px; + } + + .highlighted-element { + border: 1px solid red; + } + + counter-reset: footnote; +} + +.rng-module-documentCanvas-currentNode { + background: #fffacd; + border-color: grey; + border-style:dashed; + border-width:1px; +} + +.rng-module-documentCanvas-hoveredNodeTag { + position:absolute; + height:20px; + top:-20px; + left:0; + background: #bd362f; + color: white; + font-size:9px; + font-weight: normal; + font-style: normal; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + padding: 0 5px; + text-indent: 0; +} + +[document-node-element] { + position:relative; + border: 1px solid white; } \ No newline at end of file