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

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

@ -70,7 +70,7 @@ function open(ecosystemComponentClassName) {
} }
function openSubmodule(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 => { document.querySelectorAll(".ecosystem__submodule").forEach(n => {
n.classList.remove("active"); n.classList.remove("active");
@ -170,16 +170,22 @@ for (const subModule of subModules) {
function setSubmoduleConnectionTitle(submoduleClass) { function setSubmoduleConnectionTitle(submoduleClass) {
if (document.getElementsByClassName(submoduleClass)[0].classList.contains("blue")) { switch(true) {
document.querySelector(`.${submoduleClass} .__parent.blue`).className += " active"; 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"; 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"; 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("green");
n.classList.remove("on"); n.classList.remove("on");
n.classList.remove("red"); n.classList.remove("red");
n.classList.remove("single");
}); });
document.querySelectorAll(".ecosystem__module").forEach(n => n.classList.remove("active")); 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; margin-bottom: 2rem;
.__close { .__close {
top: -0.7rem; right: -2rem; width: 1.3rem;
top: -0.7rem; left: 0;
} }
} }
.__parents { .__parents {
top: 2rem; right: 4rem;
font-size: 1.15rem; font-size: 1.15rem;
line-height: 1.33; line-height: 1.33;
list-style-type: none; list-style-type: none;
padding-right: 1rem; padding-left: 6.5rem;
position: absolute; position: relative;
z-index: 1; z-index: 1;
&::before, &::before,
@ -376,7 +375,7 @@
&::before { &::before {
@include font-serif; @include font-serif;
top: 0.3rem; left: -3.4rem; top: 0.3rem; left: 3rem;
color: $lbry-gray-4; color: $lbry-gray-4;
content: "back to"; content: "back to";
@ -387,11 +386,18 @@
&::after { &::after {
width: 2px; height: 100%; width: 2px; height: 100%;
top: 0; right: 0; top: 0; left: 2rem;
background-color: $lbry-gray-1; background-color: $lbry-gray-1;
content: ""; content: "";
} }
.single & {
&::before,
&::after {
display: none;
}
}
} }
.__parent { .__parent {