Loading...
 
Skip to main content

Bootstrap icons not found with bootswatch themes

Status
Closed
Subject
Bootstrap icons not found with bootswatch themes
Version
13.x
Category
  • Release Blocker
Feature
Theme: Look & feel, Styles, CSS, Theme Control Center
Resolution status
Fixed or Solved
Submitted by
lindon
Lastmod by
Gary Cunningham-Lee
Rating
(0)
Description

Bootstrap icons are not found with bootswatch themes that have the font icon path set in their less file to a different location than used in Tiki. For example for the bootswatch amelia theme, the styles/bootswatch_themes/options/amelia/less/varibles.less file has the variable @icon-font-path set to "../fonts", when it should be set to "../vendor/twitter/bootstrap/fonts/".

To avoid having to alter the bootswatch themes which could complicate upgrading them, there should be a tiki specific less file that sets this variable and overrides that in any individual theme less file. This would mean this variable would not need to be set in any theme less file (currently it is set in each tiki theme file). The same should be done for the @icon-font-name and @icon-font-svg-id variable names as well.

Below is a demonstration of the problem with screenshots of tiki_list-trackers.php:

Missing icons with the Bootswatch Amelia theme:
Image

Icons are present in the bootstrap default theme:
Image

Solution
The value of the @icon-font-path was corrected in each theme's variables.less file, to point to the actual location of the fonts in the vendor/twitter/bootstrap/fonts/ directory.
Importance
10 high
Easy to solve?
8
Priority
80
Demonstrate Bug on Tiki 19+
Demonstrate Bug (older Tiki versions)
Ticket ID
5286
Created
Saturday 28 June, 2014 15:36:46 UTC
by lindon
LastModif
Monday 30 June, 2014 09:02:40 UTC


Show PHP error messages