Tabs defined

This commit is contained in:
Luis Fernando Molina committed 2021-07-09 14:14:59 +02:00
1 parent 4ded152850
commit 9f6b62a342
2 files changed
+11 -11

No files matched your search

+8 -8
View File
@@ -805,18 +805,18 @@
/* Search Results Page Header*/
.governance-search-results-header {
.governance-report-page-header {
display: table;
}
.governance-image-logo-search-results {
.governance-image-logo-report-page {
vertical-align: middle;
display: table-cell;
padding-right: 25px;
caret-color: transparent;
}
.governance-search-results-box {
.governance-report-page-box {
height: 45px;
border-radius: 30px;
border: 1px solid #0295aa;
@@ -826,18 +826,18 @@
width: 100%;
}
.governance-search-results-header-tabs-container {
.governance-report-page-header-tabs-container {
display: table;
padding-left: 180px;
margin-top: 20px;
caret-color: transparent;
}
.governance-search-results-header-tabs-container > input {
.governance-report-page-header-tabs-container > input {
display: none;
}
.governance-search-results-header-tabs-container > label {
.governance-report-page-header-tabs-container > label {
display: inline-block;
vertical-align: bottom;
padding: 0 15px 3px 15px;
@@ -845,13 +845,13 @@
font-size: 90%;
}
.governance-search-results-header-tabs-container > label:hover {
.governance-report-page-header-tabs-container > label:hover {
color: #0295aa;
padding-bottom: 3px;
cursor: pointer;
}
.governance-search-results-header-tabs-container > input:checked + label {
.governance-report-page-header-tabs-container > input:checked + label {
color: #0295aa;
padding-bottom: 2px;
border-bottom: 3px solid #0295aa;
@@ -22,13 +22,13 @@ function newGovernanceReportsReportsPage() {
buildHTML()
function buildHTML() {
const tabs = ['All', 'Nodes', 'Concepts', 'Topics', 'Tutorials', 'Reviews', 'Books', 'Workspace']
const tabs = ['Profiles', 'Referrals', 'Mentors', 'Supporters', 'Pools', 'Assets', 'Features', 'Positions']
let HTML = ''
HTML = HTML + '<section id="governance-search-results-div" class="governance-search-page-container">'
HTML = HTML + '<section id="governance-report-page-div" class="governance-search-page-container">'
HTML = HTML + UI.projects.education.spaces.docsSpace.mainSearchPage.addSearchHeader()
// Tabs
HTML = HTML + '<div class="governance-search-results-header-tabs-container">'
HTML = HTML + '<div class="governance-report-page-header-tabs-container">'
let checked = ' checked=""'
for (let i = 0; i < tabs.length; i++) {
let tab = tabs[i]