From 0b4f18096e6cb96e69e4eddda134d3d5aa90a47c Mon Sep 17 00:00:00 2001
From: MeowcaTheoRange <tabletmeowcat@gmail.com>
Date: Sat, 18 Jun 2022 17:18:17 -0500
Subject: [PATCH] added empty messages

---
 index.html |  4 +---
 style.css  | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c4f6f5f..b48610e 100644
--- a/index.html
+++ b/index.html
@@ -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">
diff --git a/style.css b/style.css
index f630c01..b7f6876 100644
--- a/style.css
+++ b/style.css
@@ -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;