Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-20 16:49:52 +00:00
Code Issues Projects Releases Wiki Activity

Add winamp2-js id ourselves to ensure CSS namespacing works everywhere

Browse source
This commit is contained in:
Jordan Eldredge 2018-02-19 20:08:53 -08:00
parent a61c290c6c
commit 2be6f09c93
3 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
css/page.css
View file

@ -30,7 +30,7 @@ body {
color: white;
}
#winamp2-js #loading {
#app #loading {
color: white;
text-align: center;
font-size: 40px;
@ -43,23 +43,23 @@ body {
right: 0;
}
#winamp2-js #loading .ellipsis-anim span {
#app #loading .ellipsis-anim span {
opacity: 0;
-webkit-animation: ellipsis-dot 1s infinite;
animation: ellipsis-dot 1s infinite;
}
#winamp2-js #loading .ellipsis-anim span:nth-child(1) {
#app #loading .ellipsis-anim span:nth-child(1) {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#winamp2-js #loading .ellipsis-anim span:nth-child(2) {
#app #loading .ellipsis-anim span:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
#winamp2-js #loading .ellipsis-anim span:nth-child(3) {
#appwinamp2-js #loading .ellipsis-anim span:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}

2
index.html
View file

@ -16,7 +16,7 @@
</head>
<body>
<div id='winamp2-js'>
<div id='app'>
<div id="loading">
Loading<span class="ellipsis-anim"><span>.</span><span>.</span><span>.</span></span>
</div>

4
js/index.js
View file

@ -25,7 +25,7 @@ Raven.context(() => {
}
if (!Winamp.browserIsSupported()) {
document.getElementById("browser-compatibility").style.display = "block";
document.getElementById("winamp2-js").style.visibility = "hidden";
document.getElementById("app").style.visibility = "hidden";
return;
}
@ -54,5 +54,5 @@ Raven.context(() => {
__initialState: initialState
});
winamp.renderWhenReady(document.getElementById("winamp2-js"));
winamp.renderWhenReady(document.getElementById("app"));
});