From ac2683776ef2fc8554331c565f1e52672e1ce920 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <pjentsch@sfb1288inf-Notebook.fritz.box>
Date: Mon, 2 Nov 2020 15:41:58 +0100
Subject: [PATCH] Roadmap update

---
 web/app/static/css/nopaque.css    | 3 ++-
 web/app/templates/nopaque.html.j2 | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/app/static/css/nopaque.css b/web/app/static/css/nopaque.css
index 37a247f6..3ad3a914 100644
--- a/web/app/static/css/nopaque.css
+++ b/web/app/static/css/nopaque.css
@@ -1,4 +1,5 @@
-/* Something to hack the tabbar */
+/* Fix material icon vertical alignment when nested in various elements */
+h1 .material-icons, h2 .material-icons, h3 .material-icons, h4 .material-icons,
 .tab .material-icons {
   line-height: inherit;
 }
diff --git a/web/app/templates/nopaque.html.j2 b/web/app/templates/nopaque.html.j2
index af54a719..b00e7e27 100644
--- a/web/app/templates/nopaque.html.j2
+++ b/web/app/templates/nopaque.html.j2
@@ -160,18 +160,23 @@
 {% if current_user.is_authenticated %}
 <div id="roadmap-modal" class="modal">
   <div class="modal-content">
-    <h2><i class="material-icons">explore</i>Roadmap</h2>
+    <h2>Roadmap</h2>
     <p>The roadmap guides you through nopaque's workflow! If you have the necessary input fie formats, you can directly jump into the corresponding process. If not, you can use the roadmap to jump right to the preceding process.</p>
     <ul class="tabs tabs-fixed-width">
       <li class="tab"><a{%if request.path == url_for('services.service', service='file-setup') %} class="active"{% endif %} href="{{ url_for('services.service', service='file-setup') }}" target="_self">File setup</a></li>
+      <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
       <li class="tab"><a{%if request.path == url_for('services.service', service='ocr') %} class="active"{% endif %} href="{{ url_for('services.service', service='ocr') }}" target="_self">OCR</a></li>
+      <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
       <li class="tab"><a{%if request.path == url_for('services.service', service='nlp') %} class="active"{% endif %} href="{{ url_for('services.service', service='nlp') }}" target="_self">NLP</a></li>
+      <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
       <li class="tab"><a{%if request.path == url_for('corpora.add_corpus') %} class="active"{% endif %} href="{{ url_for('corpora.add_corpus') }}" target="_self">Add corpus</a></li>
+      <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
       {% if corpus %}
       <li class="tab"><a{%if request.path == url_for('corpora.add_corpus_file', corpus_id=corpus.id) %} class="active"{% endif %} href="{{ url_for('corpora.add_corpus_file', corpus_id=corpus.id) }}" target="_self">Add corpus file(s)</a></li>
       {% else %}
       <li class="tab disabled tooltipped" data-tooltip="Select a corpus first" target="_self"><a>Add corpus file(s)</a></li>
       {% endif %}
+      <li class="tab disabled"><i class="material-icons">navigate_next</i></li>
       {% if corpus %}
       {% if corpus.files.all() %}
       <li class="tab"><a{%if request.path == url_for('corpora.analyse_corpus', corpus_id=corpus.id) %} class="active"{% endif %} href="{{ url_for('corpora.analyse_corpus', corpus_id=corpus.id) }}" target="_self">Corpus analysis</a></li>
-- 
GitLab