Skip to content

45992: Breadcrumb: Missing Expand Glyph for small screens#11446

Open
padvincenzo wants to merge 5 commits intoILIAS-eLearning:release_10from
oc-group:10_fix_breadcrumbs
Open

45992: Breadcrumb: Missing Expand Glyph for small screens#11446
padvincenzo wants to merge 5 commits intoILIAS-eLearning:release_10from
oc-group:10_fix_breadcrumbs

Conversation

@padvincenzo
Copy link
Copy Markdown
Contributor

No description provided.

@@ -322,13 +323,18 @@ main {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

max-width: fit-content;


.dropdown-toggle {
display: block;
max-width: calc(100vw - metabar.$il-metabar-entry-width - $il-standard-page-small-logo-width - 40px);
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
max-width: calc(100vw - metabar.$il-metabar-entry-width - $il-standard-page-small-logo-width - 40px);
max-width: calc(100vw - metabar.$il-metabar-entry-width - $il-standard-page-small-logo-width - 40px - $il-padding-xlarge-horizontal);

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

With the changes above I think this line is not longer needed


.dropdown {
position: static;
width: 100%;
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This trhree lines aren´t neither needed

@rotegras
Copy link
Copy Markdown
Contributor

Hi @padvincenzo I tested your solution and came with a simpler solution. Also adjusted the max width to use an existing padding variable. From the 100vw it is necessary to substract the padding of the header-inner and the space at the left, since the metabar icon has already a padding left working as separation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants