added fading open screen

Blarfnip · Apr 26, 2020 · ca1d78f · ca1d78f
1 parent 4107007
commit ca1d78f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/application/body.js b/application/body.js
@@ -253,7 +253,7 @@ function onOpen() {
     currentDateString = fileName;
     updateCalendar();
     updateTheme();
-
+    $('.loadScreen').fadeOut(500);
 }
 
 //updates calendar with colors depending on if entry exists

diff --git a/application/index.html b/application/index.html
@@ -41,6 +41,7 @@
             <div id="yearSelectNext" class="yearButton noselect">></div>
           </div>
         </div>
+        <div class="loadScreen"></div>
 
   </body>
 </html>
diff --git a/application/styles.css b/application/styles.css
@@ -72,6 +72,7 @@ body {
     margin: 2px;
     width: 8px;
     height: 8px;
+    border-radius: 2px;
 }
 
 .yearSelection {
@@ -82,6 +83,15 @@ body {
     right: 3%;
 }
 
+.loadScreen {
+    position: absolute;
+    top: 0%;
+    left: 0%;
+    right: 0%;
+    bottom: 0%;
+    background-color: #836c89 ;
+}
+
 .yearButtonHolder {
     margin: auto;
     width: fit-content;