Breadcrums - Verticle not horizontal

Created on 20 August 2023, 10 months ago
Updated 21 August 2023, 10 months ago

Problem/Motivation

Currently, the breadcrumbs don't show on one line, which personally I don't fin intuitive

Steps to reproduce

/admin/structure/types/manage/article/display

Proposed resolution

Make the items horizontal with some kind of pointing arrow between them.

Remaining tasks

I am not a designer, so need a little guidance on intended look and feel.

User interface changes

In the file:
bootstrap_barrio/css/components/breadcrumb.css

Add something like:

ol.breadcrumb {
  display: flex;
  align-items: baseline;
}
li.breadcrumb-item {
  margin-right: 30px;
}
li.breadcrumb-item::before {
  content: ">";
}
ol.breadcrumb li {
  list-style: none ;
}

This might be over kill but I am not certain if breadcrumb is unique identifier or might conflict.

💬 Support request
Status

Closed: works as designed

Version

5.5

Component

User interface

Created by

🇿🇦South Africa alabandit

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024