mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-20 18:25:21 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adjust editor config (#976)

Browse source 
* Adjust editor config

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Tilman Vatteroth 2021-02-03 22:13:04 +01:00 • committed by GitHub
parent 0180c75e55
commit e12dc523f8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
301 changed files with 4393 additions and 3741 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/markdown-renderer/replace-components/image/image-lightbox-modal.tsx
View file

@ -7,7 +7,7 @@
import React from 'react'
import { Modal } from 'react-bootstrap'
import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
import "./lightbox.scss"
import './lightbox.scss'
import { ProxyImageFrame } from './proxy-image-frame'
export interface ImageLightboxModalProps {
@ -21,20 +21,21 @@ export interface ImageLightboxModalProps {
export const ImageLightboxModal: React.FC<ImageLightboxModalProps> = ({ show, onHide, src, alt, title }) => {
return (
<Modal
animation={true}
centered={true}
dialogClassName={'text-dark lightbox'}
show={show && !!src}
onHide={onHide}
size={'xl'}>
<Modal.Header closeButton={true}>
<Modal.Title className={'h6'}>
<ForkAwesomeIcon icon={'picture-o'}/>
animation={ true }
centered={ true }
dialogClassName={ 'text-dark lightbox' }
show={ show && !!src }
onHide={ onHide }
size={ 'xl' }>
<Modal.Header closeButton={ true }>
<Modal.Title className={ 'h6' }>
<ForkAwesomeIcon icon={ 'picture-o' }/>
&nbsp;
<span>{alt ?? title ?? ''}</span>
<span>{ alt ?? title ?? '' }</span>
</Modal.Title>
</Modal.Header>
<ProxyImageFrame alt={alt} src={src} title={title} className={'w-100 cursor-zoom-out'} onClick={onHide}/>
<ProxyImageFrame alt={ alt } src={ src } title={ title } className={ 'w-100 cursor-zoom-out' }
onClick={ onHide }/>
</Modal>
)
}