diff --git a/src/css/metacatui-common.css b/src/css/metacatui-common.css index cad7719fc..cbd168b21 100644 --- a/src/css/metacatui-common.css +++ b/src/css/metacatui-common.css @@ -5683,7 +5683,7 @@ ul.side-nav-items { box-sizing: border-box; bottom: 0px; padding: 20px; - z-index:3; + z-index: 11; } .metadata-view #editor-footer{ display: none; diff --git a/src/css/metacatui-common.responsive.css b/src/css/metacatui-common.responsive.css index 9f2eb9f7c..0a6f5781e 100644 --- a/src/css/metacatui-common.responsive.css +++ b/src/css/metacatui-common.responsive.css @@ -193,19 +193,19 @@ margin: 0px 3px 0px 3px; } - #portal-section-tabs { + .portal-view #portal-section-tabs { flex-direction: row; flex-wrap: nowrap; - overflow: auto; - padding: 0 5px; + overflow-x: scroll; + padding: 0 6px 6px 6px; box-sizing: border-box; } - #portal-section-tabs li.section-link-container { + .portal-view #portal-section-tabs li.section-link-container { width: auto; border-radius: 5px; margin: 0 2px; - padding: 10px; + padding: 6px; white-space: nowrap; } @@ -214,6 +214,12 @@ text-align: center; } + .portal-display-text h2 { + font-size: 1.5em; + line-height: 1.4; + padding: 10px 2px; + } + .tab-pane.portal-section-view { width: 100vw; overflow-y: scroll; @@ -283,6 +289,16 @@ .toc .mobile > .second-level-items { min-width: 48vw; } + + .toc .mobile > .second-level-items .dropdown-menu { + width: 100%; + min-width: 100%; + margin-left: -7px; + } + + .toc .mobile > .top-level-items .dropdown-menu { + min-width: 100%; + } .toc .mobile > .top-level-items { margin: 0; @@ -310,7 +326,7 @@ } /* make markdown content take full width */ - .markdown.span9 { + .portal-section-content > .markdown { padding: 13px 10px; width: 100vw; box-sizing: border-box; diff --git a/src/js/templates/tableOfContents.html b/src/js/templates/tableOfContents.html index e7087459a..ef3047aea 100644 --- a/src/js/templates/tableOfContents.html +++ b/src/js/templates/tableOfContents.html @@ -4,13 +4,13 @@