aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DocumentView.scss
diff options
context:
space:
mode:
authoreeng5 <eleanor.eng5@gmail.com>2019-11-19 17:47:13 -0500
committereeng5 <eleanor.eng5@gmail.com>2019-11-19 17:47:13 -0500
commit7d89d10a3d43755c267fd48e18701d457ae7aa1c (patch)
tree059312d4d2dfeaa96b5e272abc7608b0d68b96b4 /src/client/views/nodes/DocumentView.scss
parentab285371f6fb2a4f1e64888bafbc84b602f23416 (diff)
parent667d196a2cbc8e237de5be9a6f7ec4ecca9d2bb5 (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.scss148
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