test1234
/
gitea
forked from gitea/gitea
1
0
Fork 0
Code Pull Requests Activity

Load asciicast css async (#22502) 

Load asciicast css asynchronously.

Related to #22448.
This commit is contained in:
Jason Song 2023-01-19 02:19:38 +08:00 committed by GitHub
parent 326d29dce0
commit 4804900ac9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web_src/js/markup/asciicast.js
View File

@ -2,7 +2,10 @@ export async function renderAsciinemaPlayer() {
const els = document.querySelectorAll('.asciinema-player-container'); const els = document.querySelectorAll('.asciinema-player-container');
if (!els.length) return; if (!els.length) return;
const player = await import(/* webpackChunkName: "asciinema-player" */'asciinema-player'); const [player] = await Promise.all([
import(/* webpackChunkName: "asciinema-player" */'asciinema-player'),
import(/* webpackChunkName: "asciinema-player" */'asciinema-player/dist/bundle/asciinema-player.css'),
]);
for (const el of els) { for (const el of els) {
player.create(el.getAttribute('data-asciinema-player-src'), el, { player.create(el.getAttribute('data-asciinema-player-src'), el, {

2
web_src/less/markup/asciicast.less
View File

@ -1,5 +1,3 @@
@import "../asciinema-player/dist/bundle/asciinema-player.css";
.asciinema-player-container { .asciinema-player-container {
width: 100%; width: 100%;
height: auto; height: auto;