breadcrumbs: style breadcrumbs in profile page

inveniosoftware · Jun 18, 2020 · 1b6851d · 1b6851d
1 parent b1d56d3
commit 1b6851d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 16 deletions.
diff --git a/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/elements/segment.overrides b/invenio_theme/assets/semantic-ui/less/invenio_theme/theme/elements/segment.overrides
@@ -0,0 +1,4 @@
+.ui.breadcrumbs.segment {
+    border: none;
+    box-shadow: none;
+}
diff --git a/invenio_theme/templates/semantic-ui/invenio_theme/breadcrumbs.html b/invenio_theme/templates/semantic-ui/invenio_theme/breadcrumbs.html
@@ -7,22 +7,20 @@
   under the terms of the MIT License; see LICENSE file for more details.
 #}
 {%- if breadcrumbs|length > 1 %}
-  <div class="ui grid container">
-    <div class="row">
-      <div class="ui large breadcrumb" itemprop="breadcrumb">
-        {%- for breadcrumb in breadcrumbs %}
-          {%- if loop.last %}
-            <a class="active section">
-              {{ breadcrumb.text|safe }}
-            </a>
-          {%- else %}
-            <a href="{{ breadcrumb.url }}" class="section">
-              {{ breadcrumb.text|safe }}
-            </a>
-            <span class="divider">/</span>
-          {%- endif %}
-        {%- endfor %}
-      </div>
+  <div class="ui breadcrumbs segment secondary container">
+    <div class="ui large breadcrumb" itemprop="breadcrumb">
+      {%- for breadcrumb in breadcrumbs %}
+        {%- if loop.last %}
+          <a class="active section">
+            {{ breadcrumb.text|safe }}
+          </a>
+        {%- else %}
+          <a href="{{ breadcrumb.url }}" class="section">
+            {{ breadcrumb.text|safe }}
+          </a>
+          <span class="divider">/</span>
+        {%- endif %}
+      {%- endfor %}
     </div>
   </div>
 {%- endif %}