diff options
| author | yipstanley <stanley_yip@brown.edu> | 2019-04-13 17:37:15 -0400 |
|---|---|---|
| committer | yipstanley <stanley_yip@brown.edu> | 2019-04-13 17:37:15 -0400 |
| commit | 0a3fb59c91ad0498fe0302522ea775f71483d9e7 (patch) | |
| tree | d5ad95a3ff978b89b1978017f921f58aec2eb884 /src/client/views/DocumentDecorations.scss | |
| parent | 191283a0e61e1f1b81429e6be6c5c1ef3da1a1b1 (diff) | |
| parent | a23b160d19beff9163f970f7ae678c2aed9ce14e (diff) | |
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web into interaction_changes
Diffstat (limited to 'src/client/views/DocumentDecorations.scss')
| -rw-r--r-- | src/client/views/DocumentDecorations.scss | 40 |
1 files changed, 7 insertions, 33 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss index c4e4aed8e..c1a949639 100644 --- a/src/client/views/DocumentDecorations.scss +++ b/src/client/views/DocumentDecorations.scss @@ -1,11 +1,14 @@ -@import "global_variables"; +@import "globalCssVariables"; +.documentDecorations { + position: absolute; +} #documentDecorations-container { position: absolute; top: 0; left:0; display: grid; - z-index: 1000; + z-index: $docDecorations-zindex; grid-template-rows: 20px 8px 1fr 8px; grid-template-columns: 8px 8px 1fr 8px 8px; pointer-events: none; @@ -75,6 +78,7 @@ grid-column-end: 6; pointer-events: all; text-align: center; + cursor: pointer; } .documentDecorations-minimizeButton { background:$alt-accent; @@ -83,6 +87,7 @@ grid-column-end: 3; pointer-events: all; text-align: center; + cursor: pointer; } .documentDecorations-background { background: lightblue; @@ -90,37 +95,6 @@ opacity: 0.1; } -// position: absolute; -// display: grid; -// z-index: 1000; -// grid-template-rows: 20px 1fr 20px 0px; -// grid-template-columns: 20px 1fr 20px; -// pointer-events: none; -// #documentDecorations-centerCont { -// background: none; -// } -// .documentDecorations-resizer { -// pointer-events: auto; -// background: lightblue; -// opacity: 0.4; -// } -// #documentDecorations-topLeftResizer, -// #documentDecorations-bottomRightResizer { -// cursor: nwse-resize; -// } -// #documentDecorations-topRightResizer, -// #documentDecorations-bottomLeftResizer { -// cursor: nesw-resize; -// } -// #documentDecorations-topResizer, -// #documentDecorations-bottomResizer { -// cursor: ns-resize; -// } -// #documentDecorations-leftResizer, -// #documentDecorations-rightResizer { -// cursor: ew-resize; -// } -// } .linkFlyout { grid-column: 1/4; margin-left: 25px; |