handle noscript rendering
This commit is contained in:
Elisabeth Dickinson
parent
108c3102f5
commit
6595bad9d2
@ -55,6 +55,11 @@
|
||||
|
||||
{% block header %}
|
||||
{# shown when js has properly set all the classes on the toc elements #}
|
||||
<noscript>
|
||||
<nav class="o_side_nav border-end">
|
||||
{% include "layout_templates/menu.html" %}
|
||||
</nav>
|
||||
</noscript>
|
||||
<nav id="o_main_toctree" class="o_side_nav border-end" hidden>
|
||||
{% include "layout_templates/menu.html" %}
|
||||
</nav>
|
||||
@ -72,7 +77,7 @@
|
||||
</nav>
|
||||
{% set main_classes = [] %}
|
||||
{% if pagename == master_doc %} {# The current page is the homepage #}
|
||||
{% set main_classes = main_classes + ['index'] %} {# TODO ANVFE should be 'o_index' #}
|
||||
{% set main_classes = main_classes + ['index'] %} {# TODO EDI should be 'o_index' #}
|
||||
{% endif %}
|
||||
|
||||
{% if 'code-column' in meta %} {# The page contains a 'memento' (side dynamic block) #}
|
||||
@ -88,24 +93,21 @@
|
||||
{% endif %}
|
||||
|
||||
<main class="container-fluid {{ ' '.join(main_classes) }}">
|
||||
|
||||
{% if pagename == master_doc %}
|
||||
<div id="o_content">
|
||||
{# Custom landing page on the root of the documentation #}
|
||||
{% include "layout_templates/homepage.html" %}
|
||||
</div>
|
||||
{% else %}
|
||||
<article class="doc-body">
|
||||
<!-- Beacon used by the Sphinx search to know where to look for a string -->
|
||||
<div role="main">
|
||||
{% block body %} {% endblock %}
|
||||
</div>
|
||||
{# Do not show the edition link for pages without content #}
|
||||
{% if github_link and pagename != 'search' %}
|
||||
<a href="{{ github_link(mode='edit') }}" class="o_git_link"><i class="i-edit"></i> Edit on GitHub</a>
|
||||
{% endif %}
|
||||
</article>
|
||||
{% endif %}
|
||||
{% if pagename == master_doc %}
|
||||
{# Custom landing page on the root of the documentation #}
|
||||
{% include "layout_templates/homepage.html" %}
|
||||
{% else %}
|
||||
<article id="o_content" class="doc-body">
|
||||
<!-- Beacon used by the Sphinx search to know where to look for a string -->
|
||||
<div role="main">
|
||||
{% block body %} {% endblock %}
|
||||
</div>
|
||||
{# Do not show the edition link for pages without content #}
|
||||
{% if github_link and pagename != 'search' %}
|
||||
<a href="{{ github_link(mode='edit') }}" class="o_git_link"><i class="i-edit"></i> Edit on GitHub</a>
|
||||
{% endif %}
|
||||
</article>
|
||||
{% endif %}
|
||||
</main>
|
||||
{# VFE TODO Check if this condition is still needed ??? #}
|
||||
{% if pagename not in toc and 'hide_page_toc' not in meta %}
|
||||
|
||||
@ -1,118 +1,120 @@
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_start">Getting Started</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">Overview of Odoo</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Requirements</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">New to Odoo – Where to start </a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Version 14</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">History</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="o_content">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_start">Getting Started</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">Overview of Odoo</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Requirements</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">New to Odoo – Where to start </a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Version 14</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">History</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_install">Installing Odoo</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">Before you install</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('administration/install') }}" class="stretched-link">How to install</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('administration/deployment') }}" class="stretched-link">Deploying Odoo</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('administration/db_management') }}" class="stretched-link">Database Management</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_basic">Basic Usage</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">Odoo in your own language</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Add users and manage access rights</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Import data to Odoo </a>
|
||||
<p>The button is under "Favorites" ... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||||
eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Get support</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">History</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_install">Installing Odoo</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">Before you install</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('administration/install') }}" class="stretched-link">How to install</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('administration/deployment') }}" class="stretched-link">Deploying Odoo</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('administration/db_management') }}" class="stretched-link">Database Management</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_tutorial">Tutorials</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="{{ pathto('developer/howtos/website') }}" class="stretched-link">Building a website</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('developer/howtos/backend') }}" class="stretched-link">Building a module</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('developer/howtos/web') }}" class="stretched-link">Customizing the web client</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_advanced">Advanced Usage</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">External API</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">In-app purchases</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Creating a localisation</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Database upgrade</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Odoo email gateway</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_basic">Basic Usage</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">Odoo in your own language</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Add users and manage access rights</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Import data to Odoo </a>
|
||||
<p>The button is under "Favorites" ... Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||||
eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Get support</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">History</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_tutorial">Tutorials</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="{{ pathto('developer/howtos/website') }}" class="stretched-link">Building a website</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('developer/howtos/backend') }}" class="stretched-link">Building a module</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{ pathto('developer/howtos/web') }}" class="stretched-link">Customizing the web client</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="text-center o_title_advanced">Advanced Usage</h2>
|
||||
<ul class="list-unstyled">
|
||||
<li>
|
||||
<a href="" class="stretched-link">External API</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">In-app purchases</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Creating a localisation</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Database upgrade</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="stretched-link">Odoo email gateway</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempo.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -326,7 +326,7 @@ header.o_main_header{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&.index, &.doc-toc, &.has_code_col {
|
||||
&.index, &.o_fullwidth_page, &.has_code_col {
|
||||
@include media-breakpoint-up(lg) {
|
||||
max-width: calc(100vw - (#{$o-side-nav-width} + var(--bs-gutter-x, 1.5rem)) );
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user