Skip to content

OLH theme mini-bar is wider than the main content #4340

Description

@StephDriver

In the OLH Theme, the minibar sticky div which contains the share links is wider (on both sides) than the rest of. hte content. This means the edges of it are very tight against the sides of the window and it "looks a bit odd".

This issue was identified while working on the tab order of those share buttons ( #3933 ).

the three divs below are the problem (around line 103)

<div data-sticky-container class="row">
            <div class="mini-bar sticky" data-sticky data-margin-top="0" data-sticky data-anchor="content">
                <div class="row">

Considering these as div1, div2 and div3, the expectation is for div1 to contain div 2 which in turn contains div3. But instead:

  • div2 overflows the bottom of div1
  • div3 overflows to left and right of div 2.
image

Metadata

Metadata

Assignees

Labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions