From cf0b331ca99b9666e1777320937c67cf5e05657c Mon Sep 17 00:00:00 2001
From: Timm Fitschen <t.fitschen@indiscale.com>
Date: Fri, 9 Apr 2021 22:52:57 +0200
Subject: [PATCH] styling of detour toc
---
src/core/css/webcaosdb.css | 5 +++++
src/core/js/tour.js | 4 ++--
2 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/src/core/css/webcaosdb.css b/src/core/css/webcaosdb.css
index 780534f4..bcbf3ec8 100644
--- a/src/core/css/webcaosdb.css
+++ b/src/core/css/webcaosdb.css
@@ -719,6 +719,11 @@ details summary > * {
position: relative;
}
+.caosdb-v-tour-toc-detour {
+ font-size: 0.875em;
+ padding-left: 1em;
+}
+
@media screen and (min-width: 576px) {
.caosdb-f-edit {
display: none;
diff --git a/src/core/js/tour.js b/src/core/js/tour.js
index c3e83b23..22f264ff 100644
--- a/src/core/js/tour.js
+++ b/src/core/js/tour.js
@@ -181,7 +181,7 @@ var tour = new function () {
*/
create_menu_entry() {
var menuid = 'tour-submenu-' + this.name.replace(/ /g, "");
- var page_set_entry = $("<li class='mb-1 caosdb-f-tour-overview-entry caosdb-v-tour-overview-entry-pageset'/><button class='caosdb-v-tour-toc-pageset btn' data-bs-toggle='collapse' data-bs-target='#" + menuid + "' aria-expanded='false'>" + this.name + "</button><div id='" + menuid + "'class='collapse'><ul class='btn-toggle-nav list-unstyled fw-normal pb-1 small'></ul></div></li>");
+ var page_set_entry = $("<li class='mb-1 caosdb-f-tour-overview-entry caosdb-v-tour-overview-entry-pageset'/><button class='caosdb-v-tour-toc-pageset btn' data-bs-toggle='collapse' data-bs-target='#" + menuid + "' aria-expanded='false'>" + this.name + "</button><div id='" + menuid + "'class='collapse'><ul class='btn-toggle-nav list-unstyled fw-normal pb-1'></ul></div></li>");
var elements_list = page_set_entry.find("ul")[0];
// store menu_entry for highlightng opened pages/chapters.
@@ -548,7 +548,7 @@ var tour = new function () {
const id_anchor = `#${this.config.id}`;
var detour = ""
if (this.config.detour){
- detour = " bg-warning"
+ detour = " caosdb-v-tour-toc-detour"
}
var entry = $("<li class='caosdb-f-tour-overview-entry caosdb-v-tour-overview-entry-page"+detour+"' />");
var link = $("<a href='" + this.config.href + id_anchor + "'>" + this.name + "</a>")[0];
--
GitLab