diff options
| author | eeng5 <eleanor.eng5@gmail.com> | 2019-11-19 17:47:13 -0500 |
|---|---|---|
| committer | eeng5 <eleanor.eng5@gmail.com> | 2019-11-19 17:47:13 -0500 |
| commit | 7d89d10a3d43755c267fd48e18701d457ae7aa1c (patch) | |
| tree | 059312d4d2dfeaa96b5e272abc7608b0d68b96b4 /src/client/views/nodes/DocumentView.scss | |
| parent | ab285371f6fb2a4f1e64888bafbc84b602f23416 (diff) | |
| parent | 667d196a2cbc8e237de5be9a6f7ec4ecca9d2bb5 (diff) | |
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into server_refactor
Diffstat (limited to 'src/client/views/nodes/DocumentView.scss')
| -rw-r--r-- | src/client/views/nodes/DocumentView.scss | 148 |
1 files changed, 72 insertions, 76 deletions
diff --git a/src/client/views/nodes/DocumentView.scss b/src/client/views/nodes/DocumentView.scss index b3e7898c1..dfb84ed5c 100644 --- a/src/client/views/nodes/DocumentView.scss +++ b/src/client/views/nodes/DocumentView.scss @@ -1,91 +1,87 @@ @import "../globalCssVariables"; -.documentView-node, .documentView-node-topmost { - position: inherit; - top: 0; - left:0; - border-radius: inherit; - transition : outline .3s linear; - - // background: $light-color; //overflow: hidden; - transform-origin: left top; - - &.minimized { - width: 30px; - height: 30px; - } +.documentView-node, +.documentView-node-topmost { + position: inherit; + top: 0; + left: 0; + border-radius: inherit; + transition: outline .3s linear; + cursor: grab; - .top { - height: 20px; - cursor: pointer; - } + // background: $light-color; //overflow: hidden; + transform-origin: left top; - .content { - padding: 20px 20px; - height: auto; - box-sizing: border-box; - } + &.minimized { + width: 30px; + height: 30px; + } - .scroll-box { - overflow-y: scroll; - height: calc(100% - 20px); - } + .top { + height: 20px; + cursor: pointer; + } - .documentView-overlays { - border-radius: inherit; - position: absolute; - display: inline-block; - width: 100%; - height: 100%; - pointer-events: none; - .documentView-textOverlay { - border-radius: inherit; - width: 100%; - display: inline-block; - position: absolute; + .content { + padding: 20px 20px; + height: auto; + box-sizing: border-box; } - } -} -.documentView-node-topmost { - background: white; -} -.documentView-styleWrapper { - position: absolute; - display: inline-block; - width:100%; - height:100%; - pointer-events: none; + .scroll-box { + overflow-y: scroll; + height: calc(100% - 20px); + } - .documentView-styleContentWrapper { - width:100%; - display: inline-block; + .documentView-docuLinkWrapper { + pointer-events: none; position: absolute; - } - .documentView-titleWrapper { - overflow:hidden; - color: white; - transform-origin: top left; - top: 0; - height: 25; - background: rgba(0, 0, 0, .4); - padding: 4px; - text-align: center; - text-overflow: ellipsis; - white-space: pre; + transform-origin: top left; + width: 100%; + height: 100%; } - .documentView-searchHighlight { - position: absolute; - background: yellow; - bottom: -20px; - border-radius: 5px; - transform-origin: bottom left; - } + .documentView-styleWrapper { + position: absolute; + display: inline-block; + width: 100%; + height: 100%; + pointer-events: none; + + .documentView-styleContentWrapper { + width: 100%; + display: inline-block; + position: absolute; + } + + .documentView-titleWrapper { + overflow: hidden; + color: white; + transform-origin: top left; + top: 0; + width: 100%; + height: 25; + background: rgba(0, 0, 0, .4); + padding: 4px; + text-align: center; + text-overflow: ellipsis; + white-space: pre; + } - .documentView-captionWrapper { - position: absolute; - bottom: 0; - transform-origin: bottom left; + .documentView-searchHighlight { + position: absolute; + background: yellow; + bottom: -20px; + border-radius: 5px; + transform-origin: bottom left; + } + + .documentView-captionWrapper { + position: absolute; + bottom: 0; + width: 100%; + transform-origin: bottom left; + } } + }
\ No newline at end of file |
