fnp
/
fnpeditor.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
minor code style
[fnpeditor.git]
/
src
/
editor
/
modules
/
documentCanvas
/
documentCanvas.less
diff --git
a/src/editor/modules/documentCanvas/documentCanvas.less
b/src/editor/modules/documentCanvas/documentCanvas.less
index
e17dce4
..
9677691
100644
(file)
--- a/
src/editor/modules/documentCanvas/documentCanvas.less
+++ b/
src/editor/modules/documentCanvas/documentCanvas.less
@@
-1,25
+1,46
@@
@import 'nodes.less';
@import 'nodes.less';
-@import 'canvas/widgets.less';
+@import 'canvas/canvas.less';
+@import 'canvas/container.less';
+@import 'canvas/documentElement.less';
+@import 'canvas/genericElement.less';
+@import 'canvas/gutter.less';
+@import 'canvas/comments/comments.less';
#rng-module-documentCanvas {
height: 100%;
}
#rng-module-documentCanvas {
height: 100%;
}
-#rng-module-documentCanvas-mainArea {
- height: 100%;
- margin-bottom: 20px;
-}
-
#rng-module-documentCanvas-contentWrapper {
#rng-module-documentCanvas-contentWrapper {
- border-color: #ddd;
- border-style: solid;
- border-width: 1px;
+ background-color: #ddd;
float:left;
width: 100%;
height: 100%;
overflow-y: scroll;
float:left;
width: 100%;
height: 100%;
overflow-y: scroll;
- padding: 0 10px;
+ &:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: -15px;
+ right: -15px;
+ box-shadow: inset 0 20px 12px -20px rgba(0,0,0,0.6);
+ pointer-events:none;
+ z-index: 1;
+ }
+
+ &:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: -15px;
+ right: -15px;
+ box-shadow: inset 0px -20px 12px -20px rgba(0,0,0,0.6);
+ pointer-events:none;
+ z-index: 1;
+ }
+
&::-webkit-scrollbar {
.rng-mixin-scrollbar;
}
&::-webkit-scrollbar {
.rng-mixin-scrollbar;
}
@@
-33,22
+54,39
@@
.rng-mixin-scrollbar-thumb-window-inactive;
}
.rng-mixin-scrollbar-thumb-window-inactive;
}
- .canvas-wrapper {
+ .root-wrapper {
+ display: table-cell;
+ vertical-align: top;
+ width: 600px;
outline: 0px solid transparent;
outline: 0px solid transparent;
+ padding: 0 100px;
+ background-color: white;
+ box-shadow: 0 0 20px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);
+ }
+
+ [document-text-element] {
+ outline: none;
}
.current-text-element {
}
.current-text-element {
- outline: 1px dashed black;
}
.current-node-element {
}
.current-node-element {
- border-color: lighten(#000,
1
5%);
+ border-color: lighten(#000,
3
5%);
border-style: solid;
border-width: 1px;
}
border-style: solid;
border-width: 1px;
}
+ .current-node-element[wlxml-tag="span"] {
+ border: none;
+ }
+
.highlighted-element {
.highlighted-element {
- border: 1px solid red;
+ border: 1px solid lighten(#000, 15%);
+ }
+
+ .highlighted-element[wlxml-tag="span"] {
+ border: none;
}
counter-reset: footnote;
}
counter-reset: footnote;
@@
-78,5
+116,5
@@
[document-node-element] {
position:relative;
[document-node-element] {
position:relative;
- border: 1px solid
white
;
+ border: 1px solid
transparent
;
}
\ No newline at end of file
}
\ No newline at end of file