Skip to content

Commit 546dbd3

Browse files
authored
fix: embed video misplaced (#39)
## Overview An embedded video is misplaced at top of page instead of where it is authored in the document. <details><summary>Technical Problem</summary> 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. </details> ## Related - **maybe** manifested since https://github.com/DesignSafe-CI/DS-User-Guide/releases/tag/v3.0.0 ## Changes - reduced specificity of a selector ## Testing ### Proper 0. Install update onto affected client e.g. https://github.com/DesignSafe-CI/DS-User-Guide. 1. Open affected page e.g. [/user-guide/tools/simulation/opensees/opensees/](http://127.0.0.1:8000/user-guide/tools/simulation/opensees/opensees/). 2. Verify video is not misplaced. ### In Situ https://github.com/user-attachments/assets/1c0287cb-910c-451c-afa1-594eb31d1616 ## UI | Before | After | | - | - | | <img width="900" height="470" alt="before" src="https://github.com/user-attachments/assets/71fa3cde-19a4-43dc-85ab-b21eee136bd5" /> | <img width="900" height="470" alt="after" src="https://github.com/user-attachments/assets/b322dc4b-1178-4757-921d-e1d6a9d1719c" /> |
1 parent 98c6d86 commit 546dbd3

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
/* to undo ReadTheDocs styles for page content */
2-
.rst-content :not(img) {
2+
:where(.rst-content :not(img)) {
33
all: revert;
44
}

0 commit comments

Comments
 (0)