Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-08-08 06:04:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixes & changes in styles

Browse Source
This commit is contained in:
Yurov Dmitry 2019-01-16 18:30:56 +03:00
parent 7ffa9137c8
commit 0a01a71a52
2 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Endpoint/styled.elements.ts
View File

@ -9,8 +9,6 @@ export const OperationEndpointWrap = styled.div`
export const ServerRelativeURL = styled.span` export const ServerRelativeURL = styled.span`
font-family: ${props => props.theme.typography.headings.fontFamily}; font-family: ${props => props.theme.typography.headings.fontFamily};
margin-left: 10px; margin-left: 10px;
flex: 1;
overflow-x: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
`; `;
@ -26,6 +24,7 @@ export const EndpointInfo = styled.div<{ expanded?: boolean; inverted?: boolean
border-bottom: ${props => (props.inverted ? '1px solid #ccc' : '0')}; border-bottom: ${props => (props.inverted ? '1px solid #ccc' : '0')};
border-radius: 4px; border-radius: 4px;
transition: border-color 0.25s ease; transition: border-color 0.25s ease;
width: fit-content;
${props => ${props =>
(props.expanded && !props.inverted && `border-color: ${props.theme.colors.border.dark};`) || ''} (props.expanded && !props.inverted && `border-color: ${props.theme.colors.border.dark};`) || ''}
@ -50,12 +49,12 @@ export const HttpVerb = styled.span.attrs((props: { type: string }) => ({
export const ServersOverlay = styled.div<{ expanded: boolean }>` export const ServersOverlay = styled.div<{ expanded: boolean }>`
position: absolute; position: absolute;
width: 100%; width: fit-content;
z-index: 100; z-index: 100;
background: #fafafa; background: #fafafa;
color: #263238; color: #263238;
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33);
overflow: hidden; overflow: hidden;
border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;

6
src/components/SideMenu/SideMenu.tsx
View File

@ -5,7 +5,6 @@ import { IMenuItem, MenuStore } from '../../services/MenuStore';
import { MenuItems } from './MenuItems'; import { MenuItems } from './MenuItems';
import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar'; import { PerfectScrollbarWrap } from '../../common-elements/perfect-scrollbar';
import { RedocAttribution } from './styled.elements';
@observer @observer
export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> { export class SideMenu extends React.Component<{ menu: MenuStore; className?: string }> {
@ -22,11 +21,6 @@ export class SideMenu extends React.Component<{ menu: MenuStore; className?: str
}} }}
> >
<MenuItems items={store.items} onActivate={this.activate} root={true} /> <MenuItems items={store.items} onActivate={this.activate} root={true} />
<RedocAttribution>
<a target="_blank" href="https://github.com/Rebilly/ReDoc">
Documentation Powered by ReDoc
</a>
</RedocAttribution>
</PerfectScrollbarWrap> </PerfectScrollbarWrap>
); );
} }