This commit is contained in:
Jai A
2020-06-09 21:57:52 -07:00
parent 33ee4c36b4
commit 88005c6603
4 changed files with 108 additions and 31 deletions

View File

@@ -93,10 +93,9 @@
.mod-bar {
display: flex;
flex-direction: row;
border-bottom: 1px solid darkgrey;
}
.mod-bar a {
.mod-bar-href {
margin: 5px 10px 0 0;
padding: 5px 10px;
color: gray;
@@ -115,7 +114,7 @@
}
.mod-hide {
display: none;
display: none !important;
}
.mod-show {
@@ -254,7 +253,7 @@
}
.mod-description {
margin-top: 10px;
margin-top: 0px;
width: 100%;
background-color: white;
border-radius: 0 5px 5px 5px;
@@ -273,7 +272,7 @@
}
.files-search {
margin-top: 10px;
margin-top: 0px;
margin-bottom: 25px;
display: flex;
flex-direction: row;
@@ -295,7 +294,7 @@
}
.api {
margin-top: 10px;
margin-top: 0px;
width: 100%;
background-color: white;
border-radius: 0 5px 5px 5px;
@@ -307,3 +306,14 @@
.api-container {
padding: 10px;
}
.api-code-block {
margin-top: 4px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
border-radius: 0 5px 5px 5px;
}
.extra-top {
margin-top: 5px !important;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,3 +1,5 @@
//TODO Reduce repeated code
let currentlySelected = document.getElementById("description-bar");
let currentlySelectedDiv = document.getElementById("description");
@@ -15,4 +17,40 @@ function toggleSection(element) {
currentlySelectedDiv.classList.add("mod-show");
}
hljs.initHighlightingOnLoad();
let currentlyBuildSelected = document.getElementById("gradle-code-bar");
let currentlyBuildSelectedDiv = document.getElementById("gradle-code");
function toggleBuildSection(element) {
currentlyBuildSelected.classList.remove("mod-bar-active");
currentlyBuildSelected = element;
currentlyBuildSelected.classList.add("mod-bar-active");
currentlyBuildSelectedDiv.classList.remove("mod-show");
currentlyBuildSelectedDiv.classList.add("mod-hide");
currentlyBuildSelectedDiv = document.getElementById(element.id.replace("-bar", ""));
currentlyBuildSelectedDiv.classList.remove("mod-hide");
currentlyBuildSelectedDiv.classList.add("mod-show");
}
let currentlyApiSelected = document.getElementById("curl-code-bar");
let currentlyApiSelectedDiv = document.getElementById("curl-code");
function toggleApiSection(element) {
currentlyApiSelected.classList.remove("mod-bar-active");
currentlyApiSelected = element;
currentlyApiSelected.classList.add("mod-bar-active");
currentlyApiSelectedDiv.classList.remove("mod-show");
currentlyApiSelectedDiv.classList.add("mod-hide");
currentlyApiSelectedDiv = document.getElementById(element.id.replace("-bar", ""));
currentlyApiSelectedDiv.classList.remove("mod-hide");
currentlyApiSelectedDiv.classList.add("mod-show");
}
for (let block of document.getElementsByClassName("api-code-block")) {
hljs.highlightBlock(block);
}