diff options
author | Kyle Gunger <kgunger12@gmail.com> | 2022-08-18 02:17:23 -0400 |
---|---|---|
committer | Kyle Gunger <kgunger12@gmail.com> | 2022-08-18 02:17:23 -0400 |
commit | 46aae06bd699b3ca396f7f5c750e1fb9fc9ff4bc (patch) | |
tree | 92a7c7179a568d0095c2fff3c14d20437c1acd8b /styles | |
parent | 4efae60183feb616c3dec7698a6a2fe4351b71c7 (diff) |
Add transform to drags
Diffstat (limited to 'styles')
-rw-r--r-- | styles/client/card.css | 29 |
1 files changed, 25 insertions, 4 deletions
diff --git a/styles/client/card.css b/styles/client/card.css index 7b63b41..6e4121e 100644 --- a/styles/client/card.css +++ b/styles/client/card.css @@ -1,3 +1,13 @@ +drag { + position:absolute; + display:contents; + overflow: visible; + width: 0; + height: 0; + top:0; + left:0; +} + .instant { transition-duration: 0s; } @@ -20,8 +30,9 @@ card box-sizing: border-box; font-size: small; - left: calc(var(--left) / var(--scale)); - top: calc(var(--top) / var(--scale)); + left: var(--left); + top: var(--top); + transform: scale(var(--iscale)) rotate(var(--irot)); z-index: 3; } @@ -130,8 +141,7 @@ cimage flex: 1; } -card[drag=true] -{ +drag > card { z-index: 4; } @@ -157,6 +167,17 @@ deck { border: 3px solid var(--deck-shadow); box-sizing: border-box; + max-height: 100vh; + max-width: 100vw; + overflow: auto; +} + +.maxw { + left: 0 !important; +} + +.maxh { + top: 0 !important; } deck:hover { |