Some styling changes. Transitions and drop overlay posistioning.

Deightine · Oct 26, 2018 · e42a652 · e42a652
1 parent 5835d31
commit e42a652
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/Dungeon_World_Official/Dungeon World.css b/Dungeon_World_Official/Dungeon World.css
@@ -78,7 +78,7 @@
 
 .sheet-container.active-drop-target.dropping ~ .sheet-compendium_warning {
 	display: block;
-	position: fixed;
+	position: absolute;
 	top: 50%;
 	background: white;
 	left: 50%;
@@ -831,7 +831,11 @@ button span {
 .sheet-spell-expansion,
 .sheet-gear-expansion,
 .sheet-gmod-expansion {
-	display: none;
+	display: block;
+	transition: max-height 0.5s ease-out;
+	opacity: 0;
+	max-height: 0;
+	overflow: hidden;
 }
 
 .sheet-expand-bond:checked ~ .sheet-bond-expansion,
@@ -840,6 +844,9 @@ button span {
 .sheet-expand-gear:checked ~ .sheet-gear-expansion ,
 .sheet-expand-gmod:checked ~ .sheet-gmod-expansion {
 	display: block;
+	opacity: 1;
+	max-height: 700px;
+	transition: max-height 0.5s ease-in;
 }
 
 .sheet-expander:focus + span::before {