Loading...
 
Skip to main content

Logo module layout is broken

Status
Closed
Subject
Logo module layout is broken
Version
28.x
Category
  • Release Blocker
Feature
UI / UX (User interface and experience)
Resolution status
New
Submitted by
Gary Cunningham-Lee
Lastmod by
Gary Cunningham-Lee
Rating
(0)
Description

The logo module is broken in branch 28 - the logo, site title, and site subtitle are displayed in one column, one below the other, in the Basic Bootstrap layout. The problem is caused by something called [data-mobile-tooltip] which was recently added and changes the display property of the a.navbar-brand element from flex to inline-block. This breaks the layout of the logo, site title, and site subtitle. I don't know what the purpose of [data-mobile-tooltip] is but probably the person who added it should find a workaround that doesn't change the display property of a.navbar-brand.

The logo items display correctly for a second or so and then, apparently, a script takes effect and causes them to display incorrectly (lib/jquery_tiki/tiki-jquery.js:4869).

By the way, I moved the lines related to [data-mobile-tooltip] from _tiki-selectors.scss to _tiki-miscellaneous_global.scss because they contain no variables for themes to provide values for, and so can be in tiki_base.css instead of repeated in each theme CSS file.

Solution
The problem seems to be fixed, apparently by moving the CSS rules to another SCSS file.
Workaround
Importance
9
Easy to solve?
7
Priority
63
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
8737
Created
Thursday 07 November, 2024 03:22:32 UTC
by Gary Cunningham-Lee
LastModif
Saturday 30 November, 2024 14:21:49 UTC


Show PHP error messages