29 lines
720 B
TypeScript
29 lines
720 B
TypeScript
|
import { useStyleTag } from '@vueuse/core'
|
||
|
|
import { computed } from 'vue'
|
||
|
|
import { slideHeight, slideWidth } from '../env'
|
||
|
|
import { useNav } from './useNav'
|
||
|
|
|
||
|
|
export function usePrintStyles() {
|
||
|
|
const { isPrintMode } = useNav()
|
||
|
|
|
||
|
|
useStyleTag(computed(() => isPrintMode.value
|
||
|
|
? `
|
||
|
|
@page {
|
||
|
|
size: ${slideWidth.value}px ${slideHeight.value}px;
|
||
|
|
margin: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
transition: none !important;
|
||
|
|
transition-duration: 0s !important;
|
||
|
|
}`
|
||
|
|
: ''))
|
||
|
|
}
|
||
|
|
|
||
|
|
// Monaco uses `<style media="screen" class="monaco-colors">` to apply colors, which will be ignored in print mode.
|
||
|
|
export function patchMonacoColors() {
|
||
|
|
document.querySelectorAll<HTMLStyleElement>('style.monaco-colors').forEach((el) => {
|
||
|
|
el.media = ''
|
||
|
|
})
|
||
|
|
}
|