LBRYCommunity/lbry.tech
1
0
Fork 0
Code Issues 13 Pull requests 8 Projects Releases Packages Wiki Activity

Closes #220

Browse source
This commit is contained in:
ポール ウェッブ 2019-01-25 17:04:50 -06:00
parent 07bff6ba3c
commit 28cb37a4ee
2 changed files with 29 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
app/components/client/ecosystem-scripts.js
View file

@ -70,7 +70,7 @@ function open(ecosystemComponentClassName) {
}
function openSubmodule(ecosystemComponentClassName) {
if (!document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("on")) return; // do not activate unless submodule is ".on"
// if (!document.getElementsByClassName(ecosystemComponentClassName)[0].classList.contains("on")) return; // do not activate unless submodule is ".on"
document.querySelectorAll(".ecosystem__submodule").forEach(n => {
n.classList.remove("active");
@ -170,16 +170,22 @@ for (const subModule of subModules) {
function setSubmoduleConnectionTitle(submoduleClass) {
if (document.getElementsByClassName(submoduleClass)[0].classList.contains("blue")) {
switch(true) {
case document.getElementsByClassName(submoduleClass)[0].classList.contains("blue"):
document.querySelector(`.${submoduleClass} .__parent.blue`).className += " active";
}
break;
if (document.getElementsByClassName(submoduleClass)[0].classList.contains("green")) {
case document.getElementsByClassName(submoduleClass)[0].classList.contains("green"):
document.querySelector(`.${submoduleClass} .__parent.green`).className += " active";
}
break;
if (document.getElementsByClassName(submoduleClass)[0].classList.contains("red")) {
case document.getElementsByClassName(submoduleClass)[0].classList.contains("red"):
document.querySelector(`.${submoduleClass} .__parent.red`).className += " active";
break;
default:
document.getElementsByClassName(submoduleClass)[0].classList.add("single");
break;
}
}
@ -190,6 +196,7 @@ function resetClassesAndStorage() {
n.classList.remove("green");
n.classList.remove("on");
n.classList.remove("red");
n.classList.remove("single");
});
document.querySelectorAll(".ecosystem__module").forEach(n => n.classList.remove("active"));

20
app/sass/partials/_ecosystem.scss
View file

@ -355,18 +355,17 @@
margin-bottom: 2rem;
.__close {
top: -0.7rem; right: -2rem;
width: 1.3rem;
top: -0.7rem; left: 0;
}
}
.__parents {
top: 2rem; right: 4rem;
font-size: 1.15rem;
line-height: 1.33;
list-style-type: none;
padding-right: 1rem;
position: absolute;
padding-left: 6.5rem;
position: relative;
z-index: 1;
&::before,
@ -376,7 +375,7 @@
&::before {
@include font-serif;
top: 0.3rem; left: -3.4rem;
top: 0.3rem; left: 3rem;
color: $lbry-gray-4;
content: "back to";
@ -387,11 +386,18 @@
&::after {
width: 2px; height: 100%;
top: 0; right: 0;
top: 0; left: 2rem;
background-color: $lbry-gray-1;
content: "";
}
.single & {
&::before,
&::after {
display: none;
}
}
}
.__parent {