diff --git a/src/components/Operation/Operation.tsx b/src/components/Operation/Operation.tsx index 03df37eb..83a6df62 100644 --- a/src/components/Operation/Operation.tsx +++ b/src/components/Operation/Operation.tsx @@ -4,8 +4,6 @@ import { OperationPanel } from '../RightPanelContent/OperationPanel'; import { Badge, DarkRightPanel, H2, MiddlePanel, Row } from '../../common-elements'; -import { ShareLink } from '../../common-elements/linkify'; - import { OperationModel as OperationType } from '../../services/models'; import styled from '../../styled-components'; import { Endpoint } from '../Endpoint/Endpoint'; @@ -13,10 +11,12 @@ import { ExternalDocumentation } from '../ExternalDocumentation/ExternalDocument import { Extensions } from '../Fields/Extensions'; import { Markdown } from '../Markdown/Markdown'; +import { shortenHTTPVerb } from '../../utils'; import { OptionsContext } from '../OptionsProvider'; import { Parameters } from '../Parameters/Parameters'; import { ResponsesList } from '../Responses/ResponsesList'; import { SecurityRequirements } from '../SecurityRequirement/SecurityRequirement'; +import { OperationBadge } from '../SideMenu'; const OperationRow = styled(Row)` backface-visibility: hidden; @@ -46,6 +46,29 @@ export class Operation extends React.Component { {options => ( +
+
+ {shortenHTTPVerb(operation.httpVerb)} +
+
+
+

+ {/**/} + {summary} {deprecated && Deprecated } +

+
+
+ {options.pathInMiddlePanel && } + {hasDescription && ( + + {description !== undefined && } + {externalDocs && } + + )} +
+
+
+ {/*{shortenHTTPVerb(operation.httpVerb)}

{summary} {deprecated && Deprecated } @@ -56,7 +79,7 @@ export class Operation extends React.Component { {description !== undefined && } {externalDocs && } - )} + )}*/} diff --git a/src/components/Responses/styled.elements.ts b/src/components/Responses/styled.elements.ts index bb0735da..b00d16f2 100644 --- a/src/components/Responses/styled.elements.ts +++ b/src/components/Responses/styled.elements.ts @@ -6,7 +6,7 @@ import { ResponseTitle } from './ResponseTitle'; export const StyledResponseTitle = styled(ResponseTitle)` padding: 10px; - border-radius: 2px; + border-radius: 6px; margin-bottom: 4px; line-height: 1.5em; background-color: #f2f2f2; diff --git a/src/theme.ts b/src/theme.ts index e57f63f4..c7e160d5 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -126,6 +126,7 @@ const defaultTheme: ThemeInterface = { width: '260px', backgroundColor: '#F3F6FB', textColor: '#232E72', + activeTextColor: '#232E72', groupItems: { textTransform: 'uppercase', }, @@ -308,6 +309,7 @@ export interface ResolvedThemeInterface { width: string; backgroundColor: string; textColor: string; + activeTextColor: string; groupItems: { textTransform: string; };