Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.Problem/Motivation
The file themes/claro/css/componenets/dialog.css contains the following line which is calling a gif that doesn't exist in themes/claro/images
background-image: url(../../images/loading-small.gif);
This is resulting in a 404 error.
Proposed resolution
I think the problem is caused from importing an old version of claro when compiling. recompiling the scss files could solve the issue.
After the fix
Issue fork varbase_layout_builder-3211878
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #3
mhawwari commentedI recompiled the scss with the latest version of core that no longer references
loading-small.gif. It needs to be tested thoroughly.Comment #4
rajab natshahComment #5
mhawwari commentedI think to avoid this problem in the future with each core update we can either @import the claro css files directly using vanilla css or import the claro library
claro/global-stylingdirectly rather than referencing the scss files.Comment #6
rajab natshahThank you, Hawwari for reporting and patching <3
It's a very good idea. To be synced with Razem.
We could have a bash command file. Or a sub gulp process function to copy that for us on compile.
This may ease the update after Drupal 9.x releases.
Comment #7
rajab natshahTo be committed before the VLB RC release and for Varbase 9.0.0 stable version.
With a fresh recompile from Drupal 9.1.10 4 Jun 2021 at 20:30 EEST
Comment #8
rajab natshahMaybe Drupal 9.2.0-rc1
Comment #9
rajab natshahFantastic.
Thank you Hawwari.
Comment #11
rajab natshahComment #12
rajab natshahComment #13
rajab natshahComment #14
rajab natshahComment #17
rajab natshahComment #18
rajab natshahComment #20
rajab natshahComment #21
rajab natshahComment #22
rajab natshah