GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 13:21:41 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

notifications

Browse Source
This commit is contained in:
Kyle
2020-06-30 11:47:24 -07:00
parent bf33329fc7
commit 8dcde785a8
4 changed files with 27 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
creator.html
View File

@@ -216,6 +216,7 @@
<script defer src="data/scripts/main.js"></script> <script defer src="data/scripts/main.js"></script>
<script defer src="data/scripts/versions/m15/version.js"></script> <script defer src="data/scripts/versions/m15/version.js"></script>
<!-- <script async src="data/scripts/palettes/darkMode.js"></script> --> <!-- <script async src="data/scripts/palettes/darkMode.js"></script> -->
<div class='notificationContainer'></div>
</body> </body>
<footer id='footer'> <footer id='footer'>
<script async src='data/scripts/footer.js'></script> <script async src='data/scripts/footer.js'></script>

BIN
data/images/manaSymbols/m21/0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

17
data/scripts/main.js
View File

@@ -897,15 +897,14 @@ function textCodeReference() {
textCodeReferenceArray.forEach(item => document.getElementById('textCodeReference').innerHTML += '<div>' + item[0] + '</div><div>' + item[1] + '</div>') textCodeReferenceArray.forEach(item => document.getElementById('textCodeReference').innerHTML += '<div>' + item[0] + '</div><div>' + item[1] + '</div>')
} }
function notify(message, color) {
document.getElementsByClassName('notificationContainer')[0].innerHTML += `
<div class='notification' style='background-color: ` + color + `'>
<div>` + message + `</div>
<div class='deleteNotification' onclick='this.parentElement.parentNode.removeChild(this.parentElement)'>X</div>
</div>
`
}//notify('MessageGoesHere', '#aaffaadd')
//Must run last: //Must run last:
initialize() initialize()

20
styles.css
View File

@@ -392,8 +392,24 @@ input[type='checkbox'], select, option, input[type='file'], button {
} }
.testClass { .notificationContainer {
border: 1px solid red; position: fixed;
bottom: 0;
left: 0;
width: 100%;
color: black;
}
.notification {
display: grid;
grid-template-columns: auto 1rem;
grid-gap: 1rem;
margin: 0.5rem;
padding: 0.5rem;
background: green;
}
.notification > .deleteNotification {
text-align: center;
cursor: pointer;
} }