merge changes from master

add initial styling for fancy notifications
begin work on fancy notifications
2021-10-07 21:09:45 -04:00 · 2021-10-07 20:33:51 -04:00 · 2021-10-07 20:31:10 -04:00
3 changed files with 68 additions and 0 deletions
@@ -26,3 +26,7 @@ function updateBackground() {
 const notifCountStr = document.getElementById("lblTask").innerText;
 const notifCount = parseInt(notifCountStr.split(" ")[2]); // Total task count
 const notifCountNew = parseInt(notifCountStr.split(" ")[5].slice(1)); // New task count
+
+// Insert notification button
+const insertButton = document.getElementById("exitBtn");
+insertButton.innerHTML = `<div id='newBtn'><a href='#' id='notification-button'><span class='material-icons-outlined notification-icon'>notifications</span></a><span id='notification-badge'>${notifCountNew}</span></div>`;
@@ -156,3 +156,56 @@ img[id="Img3"] {
 label[for="chkWarrantee"] {
 	padding: 0.35em;
 }
+
+/* Fancy Notifications */
+
+#div_task {
+	display: none;
+	visibility: hidden;
+}
+
+#newBtn {
+	position: relative;
+}
+
+.material-icons-outlined {
+	font-family: "Material Icons Outlined";
+}
+
+#notification-button {
+	position: relative;
+	color: var(--lightblue);
+	cursor: pointer;
+	text-decoration: none;
+	outline: none;
+}
+
+#notification-button:hover {
+	color: var(--lightgray);
+}
+
+.notification-icon {
+	font-size: 2.5em;
+	position: absolute;
+	top: 5;
+	right: 3;
+}
+
+#notification-badge {
+	position: absolute;
+	top: 0;
+	right: 0;
+}
+
+/* Top bar */
+
+#div_location {
+	/* position: relative;
+	width: 80%; */
+}
+
+#frmLocation {
+	/* position: absolute;
+	top: -40;
+	right: 370; */
+}
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="stylesheet" href="style.css" />
+		<title>Tasks for {username}</title>
+	</head>
+	<body></body>
+</html>
Author	SHA1	Message	Date
cdanesi	f260108ebf	merge changes from master	2021-10-07 21:09:45 -04:00
cdanesi	955bc54290	add initial styling for fancy notifications	2021-10-07 20:33:51 -04:00
cdanesi	eac6b51863	begin work on fancy notifications add taskList.html for task list popup	2021-10-07 20:31:10 -04:00