fix(styling): make Operations more responsive on smaller screens (#9325)

Along with the operations, Topbar and Authorization button
has been made more responsive as well.

Refs #8940
This commit is contained in:
Ochuko Pedro
2023-11-10 18:17:05 +01:00
committed by GitHub
parent 9bdbaef105
commit e34d8fb874
3 changed files with 75 additions and 13 deletions

View File

@@ -73,13 +73,15 @@ export default class OperationSummary extends PureComponent {
onClick={toggleShown}
>
<OperationSummaryMethod method={method} />
<OperationSummaryPath getComponent={getComponent} operationProps={operationProps} specPath={specPath} />
<div className="opblock-summary-path-description-wrapper">
<OperationSummaryPath getComponent={getComponent} operationProps={operationProps} specPath={specPath} />
{!showSummary ? null :
<div className="opblock-summary-description">
{toString(resolvedSummary || summary)}
</div>
}
{!showSummary ? null :
<div className="opblock-summary-description">
{toString(resolvedSummary || summary)}
</div>
}
</div>
{displayOperationId && (originalOperationId || operationId) ? <span className="opblock-summary-operation-id">{originalOperationId || operationId}</span> : null}
</button>