diff --git a/src/components/SideMenu/SideMenu.tsx b/src/components/SideMenu/SideMenu.tsx index 169c54f3..9aab7310 100644 --- a/src/components/SideMenu/SideMenu.tsx +++ b/src/components/SideMenu/SideMenu.tsx @@ -6,6 +6,7 @@ import { IMenuItem, MenuStore } from '../../services/MenuStore'; import { MenuItems } from './MenuItems'; import { PerfectScrollbar } from '../../common-elements/perfect-scrollbar'; +import { RedocAttribution } from './styled.elements'; @observer export class SideMenu extends React.Component<{ menu: MenuStore }> { @@ -29,6 +30,11 @@ export class SideMenu extends React.Component<{ menu: MenuStore }> { ) : ( + + + Documentation Powered by ReDoc + + ) } diff --git a/src/components/SideMenu/styled.elements.ts b/src/components/SideMenu/styled.elements.ts index ca8d7145..302dca3e 100644 --- a/src/components/SideMenu/styled.elements.ts +++ b/src/components/SideMenu/styled.elements.ts @@ -160,3 +160,21 @@ export const MenuItemTitle = withProps<{ width?: string }>(styled.span)` overflow: hidden; text-overflow: ellipsis; `; + +export const RedocAttribution = styled.div` + font-size: 0.8em; + margin-top: ${({ theme }) => `${theme.spacingUnit / 2}px`}; + padding: ${({ theme }) => `0 ${theme.spacingUnit}px`}; + text-align: left; + + opacity: 0.7; + + a, + a:visited, + a:hover { + color: ${({ theme }) => theme.colors.text} !important; + border-top: 1px solid #e1e1e1; + padding-top: 10px; + display: block; + } +`;