See display:
Broken CSS

Occurs in both 8.x-2.1-rc1 and 2.0.
On drupal 8.9.0

Subtheme follows instructions on project page, copied assets into assets directory and paths are correct.

CSS is broken and JS doesn't appear to be working either (such as the menu close button)

CommentFileSizeAuthor
#6 search-odd-styling.png150.18 KBgreggles

Comments

movemaine created an issue. See original summary.

movemaine’s picture

Issue summary: View changes
jrglasgow’s picture

take a look at your console tab in your browser's development tools, are there any files that it cannot load that it is trying to?

jrglasgow’s picture

Status: Active » Postponed (maintainer needs more info)
movemaine’s picture

Status: Postponed (maintainer needs more info) » Active

All files appear to be loading correctly - 200s in the network tab.

The CSS files are loading from the base theme and subtheme:

<link rel="stylesheet" media="all" href="/test/drupal/themes/uswds_subtheme/assets/css/uswds.css?r0tkif">
<link rel="stylesheet" media="all" href="/test/drupal/themes/uswds/css/style.css?r0tkif">

As is the script reference

<script src="/test/drupal/themes/uswds_subtheme/assets/js/uswds.min.js?v=1.0.0"></script>

So, I went the npm route, but step 3 throws an error in the build script:

2 info using npm@6.14.15
3 info using node@v14.18.0
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle uswds_subtheme@1.0.0~prebuild: uswds_subtheme@1.0.0
6 info lifecycle uswds_subtheme@1.0.0~build: uswds_subtheme@1.0.0
7 verbose lifecycle uswds_subtheme@1.0.0~build: unsafe-perm in lifecycle true
8 verbose lifecycle uswds_subtheme@1.0.0~build: PATH: /home/a635800/.nvm/versions/node/v14.18.0/$
9 verbose lifecycle uswds_subtheme@1.0.0~build: CWD: /apps/myapps/html/test/drupal/themes/uswds_$
10 silly lifecycle uswds_subtheme@1.0.0~build: Args: [ '-c', 'npm run build:css' ]
11 silly lifecycle uswds_subtheme@1.0.0~build: Returned: code: 1  signal: null
12 info lifecycle uswds_subtheme@1.0.0~build: Failed to exec build script
13 verbose stack Error: uswds_subtheme@1.0.0 build: `npm run build:css`
13 verbose stack Exit status 1
13 verbose stack     at EventEmitter.<anonymous> (/home/a635800/.nvm/versions/node/v14.18.0/lib/$
13 verbose stack     at EventEmitter.emit (events.js:400:28)
13 verbose stack     at ChildProcess.<anonymous> (/home/a635800/.nvm/versions/node/v14.18.0/lib/$
13 verbose stack     at ChildProcess.emit (events.js:400:28)
13 verbose stack     at maybeClose (internal/child_process.js:1058:16)
13 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:293:5)
14 verbose pkgid uswds_subtheme@1.0.0
15 verbose cwd /apps/myapps/html/test/drupal/themes/uswds_subtheme
16 verbose Linux 4.15.0-156-generic
17 verbose argv "/home/a635800/.nvm/versions/node/v14.18.0/bin/node" "/home/a635800/.nvm/version$
18 verbose node v14.18.0
19 verbose npm  v6.14.15
20 error code ELIFECYCLE
21 error errno 1
22 error uswds_subtheme@1.0.0 build: `npm run build:css`
22 error Exit status 1
23 error Failed at the uswds_subtheme@1.0.0 build script.
23 error This is probably not a problem with npm. There is likely additional logging output abov$
24 verbose exit [ 1, true ]
greggles’s picture

Title: CSS & JS broken » Styles missing on some input boxes - (was CSS & JS broken)
StatusFileSize
new150.18 KB

I experience a bug that looks pretty similar on the search page where the button is located in an odd place and the right hand side of the search input box is missing.

This was on Firefox stable on a Drupal 9.3.12 site.

Also trying to give a more specific title.