Tileset dialog for Tilorswift and fix for adding rows.

This commit is contained in:
Mal
2020-02-14 00:12:24 +01:00
parent 72589544bd
commit 04c3d0253b
19 changed files with 297 additions and 52 deletions

View File

@@ -8,6 +8,9 @@ body {
margin: 0;
overflow: hidden;
font-family: sans-serif;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
#level {
@@ -90,7 +93,6 @@ body {
right: 0;
bottom: 0;
overflow: scroll;
background-color: black;
}
#tileset-picker {
@@ -104,7 +106,7 @@ body {
cursor: not-allowed;
}
#tileset-selector {
#tileset-selector-widget {
display: none;
position: absolute;
top: 0;
@@ -112,11 +114,11 @@ body {
box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.5);
}
#tileset-picker:hover > #tileset-selector {
#tileset-picker:hover > #tileset-selector-widget {
display: block;
}
#tileset-picker.widget-disabled:hover > #tileset-selector {
#tileset-picker.widget-disabled:hover > #tileset-selector-widget {
display: none;
}
@@ -242,6 +244,54 @@ body {
cursor: pointer;
}
#tileset-selector {
position: relative;
}
#tileset-avatar {
width: 96px;
height: 96px;
background-size: auto 100%;
cursor: pointer;
margin-bottom: 20px;
}
#tileset-list {
position: absolute;
top: 20px;
left: 116px;
display: none;
padding: 10px;
background-color: #cccccc;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.tileset {
display: table-row;
cursor: pointer;
}
.tileset:hover {
background-color: #5555cc;
}
.tileset-thumbnail {
display: table-cell;
width: 32px;
height: 32px;
background-size: auto 100%;
}
.tileset:hover > .tileset-thumbnail {
opacity: 0.5;
}
.tileset-title {
display: table-cell;
vertical-align: middle;
padding: 10px;
}
/*
tr:hover > td > .selection {
opacity: 0.5;