Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2024-11-23 00:56:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: improve styling of deprecated badge

Browse Source
This commit is contained in:
Roman Hotsiy 2017-07-04 10:45:12 +03:00
parent 2748aac024
commit 5d067d8f45
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<div class="operation" *ngIf="operation"> <div class="operation" *ngIf="operation">
<div class="operation-content"> <div class="operation-content">
<h2 class="operation-header sharable-header" [ngClass]="{deprecated: operation.deprecated}"> <h2 class="operation-header sharable-header" [class.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"

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

@ -20,12 +20,14 @@
&.deprecated { &.deprecated {
&:after { &:after {
content: 'Deprecated'; content: 'Deprecated';
color: $black;
background: $yellow;
padding: 3px 10px;
text-transform: uppercase;
display: inline-block; display: inline-block;
padding: 0 5px;
margin: 0; margin: 0;
background-color: $yellow;
color: white;
font-weight: bold;
font-size: 13px;
vertical-align: text-top;
} }
} }
} }