diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..decdf90
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+todos.txt
diff --git a/index.html b/index.html
index cd32caa..bbececf 100644
--- a/index.html
+++ b/index.html
@@ -10,22 +10,24 @@
-
+
+
+
+
Topics:
@@ -113,12 +115,16 @@
}
function detailDisplay(node) {
- const modal = document.getElementById("modal-detail");
+ const modal = document.getElementById("modal-idea-detail");
const detailName = document.getElementById("detail-name");
const detailTags = document.getElementById("detail-tags");
+ const detailCreator = document.getElementById("detail-creator");
+ const detailDescription = document.getElementById("detail-description");
detailName.textContent = node.name;
detailTags.textContent = [...node.tags].join(', ');
+ detailCreator.textContent = node.creator;
+ detailDescription.textContent = node.description;
modal.style.top = event.pageY;
modal.style.left = event.pageX;
@@ -126,8 +132,8 @@
}
window.onclick = function (event) {
- if (event.target == document.getElementById("modal-detail")) {
- document.getElementById("modal-detail").style.display = "none";
+ if (event.target == document.getElementById("modal-idea-detail")) {
+ document.getElementById("modal-idea-detail").style.display = "none";
}
}
diff --git a/styles.css b/styles.css
index 9e072ba..b4818bc 100644
--- a/styles.css
+++ b/styles.css
@@ -1,5 +1,6 @@
body {
margin: 0;
+ font-family: Arial, Helvetica, sans-serif;
}
#btn-add {
@@ -17,9 +18,14 @@ body {
padding: 15px;
}
-#modal-detail {
+#modal-idea-detail {
display: none;
position: absolute;
background-color: aliceblue;
padding: 15px;
+ width: 300px;
+}
+
+textarea {
+ height: 75px;
}
\ No newline at end of file