mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-06-03 16:38:50 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Restructure repository (#426)

Browse source 
organized repository 

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
Co-authored-by: Philip Molares <git@molar.es>
This commit is contained in:
mrdrogdrog 2020-08-16 16:02:26 +02:00 • committed by GitHub
parent 66258ca615
commit 0fadc09f2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
254 changed files with 384 additions and 403 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/common/icon-button/icon-button.scss
View file

@ -1,11 +1,17 @@
.btn-icon {
padding: 0.375rem 0.375rem;
border-right: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
&.with-border {
.icon-part {
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.text-part {
padding: 0.375rem 0.75rem;
}
}
.icon-part {
padding: 0.375rem 0.375rem;
border-right: 1px solid rgba(0, 0, 0, 0.2);
display: flex;
.social-icon {
@ -14,7 +20,7 @@
}
.text-part {
padding: 0.375rem 0.75rem;
padding: 0.375rem 0.75rem 0.375rem 0;
}
}

8
src/components/common/icon-button/icon-button.tsx
View file

@ -3,15 +3,15 @@ import { Button, ButtonProps } from 'react-bootstrap'
import { ForkAwesomeIcon, IconName } from '../fork-awesome/fork-awesome-icon'
import './icon-button.scss'
export interface SocialButtonProps extends ButtonProps {
export interface IconButtonProps extends ButtonProps {
icon: IconName
onClick?: () => void
border?: boolean
}
export const IconButton: React.FC<SocialButtonProps> = ({ icon, children, variant, onClick }) => {
export const IconButton: React.FC<IconButtonProps> = ({ icon, children, border = false, ...props }) => {
return (
<Button variant={variant} className={'btn-icon p-0 d-inline-flex align-items-stretch'}
onClick={() => onClick?.()}>
<Button {...props} className={`btn-icon p-0 d-inline-flex align-items-stretch ${border ? 'with-border' : ''}`}>
<span className="icon-part d-flex align-items-center">
<ForkAwesomeIcon icon={icon} className={'icon'}/>
</span>

16
src/components/common/icon-button/translated-icon-button.tsx Normal file
View file

@ -0,0 +1,16 @@
import React from 'react'
import { Trans } from 'react-i18next'
import './icon-button.scss'
import { IconButton, IconButtonProps } from './icon-button'
export interface TranslatedIconButton extends IconButtonProps {
i18nKey: string
}
export const TranslatedIconButton: React.FC<TranslatedIconButton> = ({ i18nKey, ...props }) => {
return (
<IconButton {...props}>
<Trans i18nKey={i18nKey}/>
</IconButton>
)
}