Skip to content

Conversation

@wesleyboar
Copy link
Member

@wesleyboar wesleyboar commented Jan 5, 2026

Overview

An embedded video is misplaced at top of page instead of where it is authored in the document.

Technical Problem

A CSS "specificity battle" —

  • .rst-content :not(img) too high
  • ('./tacc-theme/bootstrap.css') layer(foundation.tacc) thus too low

— causes .embed-responsive styles to be overridden.

Related

Changes

  • reduced specificity of a selector

Testing

Proper

  1. Install update onto affected client e.g. https://github.com/DesignSafe-CI/DS-User-Guide.
  2. Open affected page e.g. /user-guide/tools/simulation/opensees/opensees/.
  3. Verify video is not misplaced.

In Situ

test.fix.in.situ.mov

UI

On Affected Client

Before After
before after

Specificity battle —
* `.rst-content :not(img)` too high
* `('./tacc-theme/bootstrap.css') layer(foundation.tacc)` thus too low
— causes `.embed-responsive` styles to be overriden.
@wesleyboar wesleyboar merged commit 546dbd3 into main Jan 5, 2026
@wesleyboar wesleyboar deleted the fix/embed-video-misplaced branch January 5, 2026 18:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants