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

Change styling of deprecated operation header

Browse Source
This commit is contained in:
Peter Golm 2017-07-04 07:32:04 +02:00
parent 7bb0785841
commit 901178e48b
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
lib/components/Operation/operation.html
View File

@ -1,13 +1,10 @@
<div class="operation" *ngIf="operation"> <div class="operation" *ngIf="operation">
<div class="operation-content"> <div class="operation-content">
<h2 class="operation-header sharable-header"> <h2 class="operation-header sharable-header" [ngClass]="{deprecated: operation.deprecated}">
<a class="share-link" href="#{{operation.anchor}}"></a>{{operation.summary}} <a class="share-link" href="#{{operation.anchor}}"></a>{{operation.summary}}
</h2> </h2>
<endpoint-link *ngIf="pathInMiddlePanel" <endpoint-link *ngIf="pathInMiddlePanel"
[verb]="operation.verb" [path]="operation.path"> </endpoint-link> [verb]="operation.verb" [path]="operation.path"> </endpoint-link>
<div class="operation-deprecated" *ngIf="operation.deprecated">
Warning: Deprecated
</div>
<div class="operation-tags" *ngIf="operation.info.tags.length"> <div class="operation-tags" *ngIf="operation.info.tags.length">
<a *ngFor="let tag of operation.info.tags" attr.href="#tag/{{tag}}"> {{tag}} </a> <a *ngFor="let tag of operation.info.tags" attr.href="#tag/{{tag}}"> {{tag}} </a>
</div> </div>

14
lib/components/Operation/operation.scss
View File

@ -16,10 +16,18 @@
.operation-header { .operation-header {
margin-bottom: calc(1em - 6px); margin-bottom: calc(1em - 6px);
}
.operation-deprecated { &.deprecated {
font-weight: bold; &:after {
content: 'Deprecated';
color: $black;
background: $yellow;
padding: 3px 10px;
text-transform: uppercase;
display: inline-block;
margin: 0;
}
}
} }
.operation-tags { .operation-tags {