MeowcaTheoRange/DiceApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added empty messages

Browse source
This commit is contained in:
MeowcaTheoRange 2022-06-18 17:18:17 -05:00
parent c7fb4bc50e
commit 0b4f18096e
2 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -25,9 +25,7 @@
<button class="material-icons" title="Add Bag" onclick="addDieBag(cont);">create_new_folder</button>
</div>
<div class="content dropHere" ondrop="drop(event)" ondragover="allowDrop(event)">
<div>
</div>
<div></div>
</div>
<templates>
<template id="dieUI">

23
style.css
View file

@ -127,6 +127,17 @@ body {padding:0;margin:0;background-color:var(--mainColorThemedLight);}
padding: 0 64px;
padding-bottom: 64px;
}
.content > div:empty::before {
position: absolute;
top: 56px;
left: 0;
width: 100vw;
text-align: center;
padding: 8px;
box-sizing: border-box;
content: "No dice.";
font-size: 24px;
}
templates, template {
display: none;
@ -167,11 +178,23 @@ div.bag > div.dropHere {
border-radius: 4px;
padding: 16px;
padding-bottom: 64px;
position: relative;
}
div.bag > div.dropHere:empty {
padding: 32px;
}
div.bag > div.dropHere:empty::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
padding: 8px;
box-sizing: border-box;
content: "No dice.";
font-size: 24px;
}
div.die h2 {
padding: 0; margin: 0;