- πΊπΈUnited States jcandan
For those coming here from Google. I also experienced issues in my CI pipeline (not having this issue locally).
ERROR in ./src/scss/main.style.scss Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import. β· 7 β @import '../../contrib/radix/src/components/navbar/navbar'; β ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ β΅ src/scss/main.style.scss 7:9 root stylesheet
Removed these 3 lines from our sub-theme's
./src/scss/main.style.scss
. CI pipeline completed without error. - Status changed to Needs work
over 1 year ago 10:01am 11 March 2023 Opening this back again, have to move that to the subtheme itself instead of the parent theme
Moved offcanvas within the subtheme and got rid of forum and navbar, it wasn't really necessary to keep those
- Status changed to Fixed
over 1 year ago 10:44am 16 March 2023 -
doxigo β
committed 3888561c on 5.0.x
Issue #3255272 by jwilson3, doxigo, jcandan: Clean up leftover SCSS
-
doxigo β
committed 3888561c on 5.0.x
- πΊπΈUnited States kbaringer
Hi @doxigo, thanks for keeping the Radix theme up-to-date!! I only just started using it for a new project this week and found the process to set up a subtheme really straightforward. However, when I updated the Radix parent theme from 5.0.7 to 5.0.8 yesterday it broke the Bootstrap styled Search form in the Navbar of my subtheme.
Instead of the inline magnifying glass icon inside the form field it now has a separate 'Search' button. This causes the field to wrap, which pushes the whole navbar down (see screenshot).I haven't had time to dig into the way Bootstrap is implemented and debug this issue (since the whole point of using the Radix theme was to save time), but it seems like this regression was caused by this change.
As was mentioned in this thread, I manually commented out the lines in /src/scss/main.style.scss that imported styles from the parent theme (including for the navbar):// Parent Drupal related components // ----------------------------------------------------------------------------- // @import "../../contrib/radix/src/components/navbar/navbar"; // @import "../../contrib/radix/src/components/forum/forum"; // @import "../../contrib/radix/src/components/offcanvas/offcanvas";
Is it possible that the scss that was being imported from the parent is what enabled the inline Bootstrap search bar styles?
- Status changed to Needs work
over 1 year ago 7:43pm 18 March 2023 - πΊπΈUnited States tstermitz Colorado
Please add a comment to the release notes for releases after 5.0.7 that it is necessary and safe to comment out these three lines, and move the offcanves.scss to your custom theme - if it is indeed safe to do that. I didn't immediately notice any issues after doing so.
- Status changed to Fixed
over 1 year ago 8:55am 22 June 2023 Automatically closed - issue fixed for 2 weeks with no activity.