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> <button class="material-icons" title="Add Bag" onclick="addDieBag(cont);">create_new_folder</button>
</div> </div>
<div class="content dropHere" ondrop="drop(event)" ondragover="allowDrop(event)"> <div class="content dropHere" ondrop="drop(event)" ondragover="allowDrop(event)">
<div> <div></div>
</div>
</div> </div>
<templates> <templates>
<template id="dieUI"> <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: 0 64px;
padding-bottom: 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 { templates, template {
display: none; display: none;
@ -167,11 +178,23 @@ div.bag > div.dropHere {
border-radius: 4px; border-radius: 4px;
padding: 16px; padding: 16px;
padding-bottom: 64px; padding-bottom: 64px;
position: relative;
} }
div.bag > div.dropHere:empty { div.bag > div.dropHere:empty {
padding: 32px; 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 { div.die h2 {
padding: 0; margin: 0; padding: 0; margin: 0;