Commit 546dbd3
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- mkdocs_tacc/tacc_readthedocs/css/tacc-theme
1 file changed
+1
-1
lines changedLines changed: 1 addition & 1 deletion
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | 1 | | |
2 | | - | |
| 2 | + | |
3 | 3 | | |
4 | 4 | | |
0 commit comments