public/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-10-29 10:57:44 +09:00
Code Issues Packages Projects Releases Wiki Activity

Load asciicast css async (#22502)

Browse Source 
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
2 changed files with 4 additions and 3 deletions
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;