mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-06-01 15:48:32 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update abc js to version 6-beta (#975)

Browse source 
Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Tilman Vatteroth 2021-01-23 22:12:56 +01:00 • committed by GitHub
parent 1777ba848f
commit bd31076928
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 34 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/markdown-renderer/replace-components/abc/abc-frame.tsx
View file

@ -1,10 +1,11 @@
/*
SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
SPDX-License-Identifier: AGPL-3.0-only
*/
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import React, { useEffect, useRef } from 'react'
import './abc.scss'
export interface AbcFrameProps {
code: string
@ -23,5 +24,5 @@ export const AbcFrame: React.FC<AbcFrameProps> = ({ code }) => {
}).catch(() => { console.error('error while loading abcjs') })
}, [code])
return <div ref={container} className={'bg-white text-center overflow-x-auto'}/>
return <div ref={container} className={'abcjs-score bg-white text-center overflow-x-auto'}/>
}

13
src/components/markdown-renderer/replace-components/abc/abc.scss Normal file
View file

@ -0,0 +1,13 @@
/*!
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
.abcjs-score {
@import "../../../../style/variables.scss";
&, text {
font-family: $font-family-base;
}
}

4
src/style/index.scss
View file

@ -1,9 +1,10 @@
/*
/*!
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
@import "variables";
@import "variables.light";
@import "../../node_modules/bootstrap/scss/bootstrap";
@import '../../node_modules/react-bootstrap-typeahead/css/Typeahead';
@ -25,7 +26,6 @@ html {
body {
min-height: 100%;
font-family: "Source Sans Pro", Helvetica, Arial, "Twemoji Mozilla", sans-serif;
}
*:focus {

8
src/style/variables.scss Normal file
View file

@ -0,0 +1,8 @@
/*!
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
$font-family-base: "Source Sans Pro", Helvetica, Arial, "Twemoji Mozilla", sans-serif;