diff options
| author | vellichora <fangrui_tong@brown.edu> | 2020-02-01 14:56:19 -0500 |
|---|---|---|
| committer | vellichora <fangrui_tong@brown.edu> | 2020-02-01 14:56:19 -0500 |
| commit | ecf0f5b8f426db9e66c05e759f61294811b15fca (patch) | |
| tree | cd2fb9470dd608a8546af868e913d6e1d6964cc3 /src/mobile/MobileInkOverlay.scss | |
| parent | d2530f906d68e47cc25359cd8d85684a0e29637a (diff) | |
mobile ink overlay is draggable from desktop
Diffstat (limited to 'src/mobile/MobileInkOverlay.scss')
| -rw-r--r-- | src/mobile/MobileInkOverlay.scss | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/mobile/MobileInkOverlay.scss b/src/mobile/MobileInkOverlay.scss new file mode 100644 index 000000000..2e45d0441 --- /dev/null +++ b/src/mobile/MobileInkOverlay.scss @@ -0,0 +1,38 @@ +.mobileInkOverlay { + border: 5px dashed red; +} + +.mobileInkOverlay-border { + background-color: rgba(0, 255, 0, .4); + position: absolute; + pointer-events: auto; + cursor: pointer; + + &.top { + width: calc(100% + 20px); + height: 10px; + top: -10px; + left: -10px; + } + + &.left { + width: 10px; + height: calc(100% + 20px); + top: -10px; + left: -10px; + } + + &.right { + width: 10px; + height: calc(100% + 20px); + top: -10px; + right: -10px; + } + + &.bottom { + width: calc(100% + 20px); + height: 10px; + bottom: -10px; + left: -10px; + } +}
\ No newline at end of file |