?
avatar roland-d
roland-d
23 Jan 2019

Steps to reproduce the issue

  1. Go to Global Configuration
  2. Enable the Debug System
  3. Go to System
  4. Click on Plugins
  5. Search on debug
  6. Make sure the System - Debug plugin is enabled

When you see the debug bar click on the Queries word and the debug bar will open and show the queries. There is a Copy function with an icon but the icons doesn't show. Same goes for other icons in that list:
image

Expected result

The correct icons are shown

Actual result

The incorrect icon is shown

System information (as much as possible)

Joomla 4.0-dev #d0c00c50822d69730d2b1c4ee6e4315bf8adc0b5
Firefox/Safari
PHP 7.2.14

avatar roland-d roland-d - open - 23 Jan 2019
avatar joomla-cms-bot joomla-cms-bot - change - 23 Jan 2019
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 23 Jan 2019
avatar infograf768
infograf768 - comment - 25 Jan 2019

Confirmed, since the implementation of new debug.

avatar hardik-codes
hardik-codes - comment - 25 Jan 2019

@infograf768 which file should I approach to solve this issue?

avatar Quy
Quy - comment - 25 Jan 2019
avatar infograf768
infograf768 - comment - 26 Jan 2019

The error looks related to the use of
font-family: PhpDebugbarFontAwesome;
instead of FontAwesome

There is a specific definition for PhpDebugbarFontAwesome in
/media/vendor/debugbar/vendor/font-awesome/css/font-awesome.min.css
(after using npm ci)
It looks like the file is not loaded.

avatar hardik-codes
hardik-codes - comment - 29 Jan 2019

@infograf768 I've changed the font-family from PhpDebugbarFontAwesome to FontAwesome in build/media/plg_system_debug/widgets/languageStrings/widget.css and build/media/plg_system_debug/widgets/sqlqueries/widget.css but it doesn't work for me.

avatar Fedik
Fedik - comment - 29 Jan 2019

is that fix an issue #23637?

avatar infograf768
infograf768 - comment - 30 Jan 2019

@hardik-codes
I am afraid that would not work as we need to load
/media/vendor/debugbar/vendor/font-awesome/css/font-awesome.min.css
which has specific css for the debug, not only for sqlqueries.

@elkuku please look into this.

avatar infograf768
infograf768 - comment - 30 Jan 2019

@Fedik
#23637 does not solve this icon issue.

avatar hardik-codes
hardik-codes - comment - 31 Jan 2019

@elkuku please help me with this

avatar infograf768
infograf768 - comment - 1 Feb 2019

@hardik-codes
Indeed changing the font name in the widget.css in the build folder solves the issue BUT one has to run npm ci to get the right code in the minified widget.min.css in the media folder as it is always the minified file which is loaded, even when debug is on.

Contrary to what I thought first, /media/vendor/debugbar/vendor/font-awesome/css/font-awesome.min.css is useless...

Which means that /libraries/vendor/maximebf/debugbar/src/DebugBar/JavascriptRenderer.php is not used.

making patch now.

avatar infograf768 infograf768 - change - 1 Feb 2019
Status New Closed
Closed_Date 0000-00-00 00:00:00 2019-02-01 07:15:27
Closed_By infograf768
avatar infograf768 infograf768 - close - 1 Feb 2019
avatar infograf768
infograf768 - comment - 1 Feb 2019

Closing as we have patch.
Please test #23732

Add a Comment

Login with GitHub to post a comment