summaryrefslogtreecommitdiff
path: root/styles
diff options
context:
space:
mode:
authorKyle Gunger <kgunger12@gmail.com>2022-08-18 02:17:23 -0400
committerKyle Gunger <kgunger12@gmail.com>2022-08-18 02:17:23 -0400
commit46aae06bd699b3ca396f7f5c750e1fb9fc9ff4bc (patch)
tree92a7c7179a568d0095c2fff3c14d20437c1acd8b /styles
parent4efae60183feb616c3dec7698a6a2fe4351b71c7 (diff)
Add transform to drags
Diffstat (limited to 'styles')
-rw-r--r--styles/client/card.css29
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 {