Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-11-01 00:07:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: HEAD http verb support

Browse Source 
closes #342
This commit is contained in:
Roman Hotsiy 2017-09-21 12:39:17 +03:00
parent ec64c6c4ad
commit d8b6e022b7
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
3 changed files with 49 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/components/EndpointLink/endpoint-link.scss
View File

@ -30,7 +30,7 @@
} }
.operation-api-url { .operation-api-url {
color: rgba($black, .8); color: rgba($black, 0.8);
&-path { &-path {
font-family: $headers-font, $headers-font-family; font-family: $headers-font, $headers-font-family;
position: relative; position: relative;
@ -146,4 +146,8 @@
&.link { &.link {
background-color: $link-color; background-color: $link-color;
} }
&.head {
background-color: $head-color;
}
} }

68
lib/components/Redoc/redoc.scss
View File

@ -4,11 +4,11 @@
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0, 0, 0, 0);
-ms-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0, 0, 0, 0);
-o-tap-highlight-color: rgba(0,0,0,0); -o-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased; font-smoothing: antialiased;
@ -18,10 +18,10 @@
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
text-size-adjust: 100%; text-size-adjust: 100%;
-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
-ms-text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -ms-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
text-rendering: optimizeSpeed!important; text-rendering: optimizeSpeed !important;
font-smooth: always; font-smooth: always;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
@ -96,7 +96,6 @@ side-menu {
} }
} }
.redoc-error { .redoc-error {
padding: 20px; padding: 20px;
text-align: center; text-align: center;
@ -131,7 +130,7 @@ side-menu {
background-color: #333; background-color: #333;
border-radius: 3px; border-radius: 3px;
vertical-align: top; vertical-align: top;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACgCAYAAADuDlcXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNjQ5N0JDQUE3OTYxMUU0ODNGMUE0RUM3NjRDRTQyNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNjQ5N0JDQkE3OTYxMUU0ODNGMUE0RUM3NjRDRTQyNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU2NDk3QkM4QTc5NjExRTQ4M0YxQTRFQzc2NENFNDI3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU2NDk3QkM5QTc5NjExRTQ4M0YxQTRFQzc2NENFNDI3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mIrGwQAAAZ9JREFUeNrsmtuOwyAMRBmU//9lbx9208ayjQ1EarSDVFW56ARIGGZIIK/S3gWvX3X7LN3a6WxDHdPnnDBpcZHEOe3wrmLUMg2zatKykPOq1/5fK71tLIQR9jjYsaJfWdWAAcRsM2W1z9LNGcFkRlmtPhvpf7qmHAGEESZqLFr/qbHaCy4Is6oxLdvT+nWr0lLPCCPsFn+mA5e2UjLycL1o6qLMiapqRGoifVCDinrgU2mRyJthzZg3CSPs+2HhIM4YGq0a4oDgiGjYTKw20/OwUzAEuXz73YSqtdsV+F1a3eZpweFEGGG7Y3ULbJRk4nYPlEHbUi86wpNtbz4oB37PICOrLEdC9DKzFv7EkQ8tYY8Nr8tuyJrRsdpMrIJ0n4GPBmGEEUbYzRMKnFwug1B7rppmbCiyBjBrQ1vC8KW/CxrF7osNrRbxMjofWsIIuwU2vapnZfTRq4/wFXl3hG9bMzP6ZWV47LoB+Gym1/EyUleKI2GEPW8pQpu80bHLvsifSWFVAVEzo2VDTxxb9T16eO7sF0vmxPNPxPFHgAEA/rGUMXq/uWcAAAAASUVORK5CYII='); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAACgCAMAAADZ0KclAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAA80lEQVR42uSWSwLCIAxEX+5/aa2QZBJw5UIt9QMdRqSPEAAw/TyvqzZf150NzdXL49qreXwXjeqz9bqN1tgJl/KLyaVrrL7K7gx+1vlNMqy+helOO4rfBGYZiEkq1ubQ3DeKvc97Et+d+e01vIZlLZZqb1WNJFd8ZKYsmv4Hh3H2fDgjMUI5WSExjiEZs7rEZ5T+/jQn9lhgsw53j/e9MQtxqPsbZY54M5fNl/MY/f1s7NbRSkYlYjc0KPsWMrmhIU9933ywxDiSE+upYNH8TdusUotllNvcAUzfnE/NC4OSYyklQhpdl9E4Tw0Cm4/G9xBgAO7VCkjWLOMfAAAAAElFTkSuQmCC');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 6px 4px; background-position: 6px 4px;
text-indent: -9000px; text-indent: -9000px;
@ -177,13 +176,18 @@ side-menu {
background-position: 4px -131px; background-position: 4px -131px;
background-color: $link-color; background-color: $link-color;
} }
&.head {
background-position: 6px -102px;
background-color: $head-color;
}
} }
} }
/* global redoc styles */ /* global redoc styles */
@for $index from 1 through 5 { @for $index from 1 through 5 {
:host /deep/ h#{$index}{ :host /deep/ h#{$index} {
margin-top: 0; margin-top: 0;
font-family: $headers-font, $headers-font-family; font-family: $headers-font, $headers-font-family;
color: $secondary-color; color: $secondary-color;
@ -194,11 +198,23 @@ side-menu {
} }
:host /deep/ { :host /deep/ {
h1 { font-size: $h1; color: $headers-color; } h1 {
h2 { font-size: $h2; } font-size: $h1;
h3 { font-size: $h3; } color: $headers-color;
h4 { font-size: $h4; } }
h5 { font-size: $h5; line-height: 20px; } h2 {
font-size: $h2;
}
h3 {
font-size: $h3;
}
h4 {
font-size: $h4;
}
h5 {
font-size: $h5;
line-height: 20px;
}
p { p {
font-family: $base-font, $base-font-family; font-family: $base-font, $base-font-family;
@ -215,7 +231,7 @@ side-menu {
p > code { p > code {
color: $red; color: $red;
border: 1px solid rgba(38,50,56,0.1); border: 1px solid rgba(38, 50, 56, 0.1);
} }
.hint--inversed { .hint--inversed {
@ -247,7 +263,6 @@ footer {
} }
} }
/* markdown elements */ /* markdown elements */
:host /deep/ .redoc-markdown-block { :host /deep/ .redoc-markdown-block {
@ -260,13 +275,14 @@ footer {
overflow-x: auto; overflow-x: auto;
line-height: normal; line-height: normal;
border-radius: $border-radius; border-radius: $border-radius;
border: 1px solid rgba(38,50,56,0.1); border: 1px solid rgba(38, 50, 56, 0.1);
code { code {
background-color: transparent; background-color: transparent;
color: white; color: white;
&:before, &:after { &:before,
&:after {
content: none; content: none;
} }
} }
@ -274,12 +290,12 @@ footer {
code { code {
font-family: Courier, monospace; font-family: Courier, monospace;
background-color: rgba(38,50,56,0.04); background-color: rgba(38, 50, 56, 0.04);
padding: 0.1em 0.2em 0.2em; padding: 0.1em 0.2em 0.2em;
font-size: 1em; font-size: 1em;
border-radius: $border-radius; border-radius: $border-radius;
color: $red; color: $red;
border: 1px solid rgba(38,50,56, 0.1); border: 1px solid rgba(38, 50, 56, 0.1);
} }
p:last-of-type { p:last-of-type {
@ -299,7 +315,8 @@ footer {
box-sizing: content-box; box-sizing: content-box;
} }
ul, ol { ul,
ol {
padding-left: 2em; padding-left: 2em;
margin: 0; margin: 0;
margin-bottom: 1em; margin-bottom: 1em;
@ -332,7 +349,8 @@ footer {
} }
} }
table th, table td { table th,
table td {
padding: 6px 13px; padding: 6px 13px;
border: 1px solid #ddd; border: 1px solid #ddd;
} }

1
lib/shared/styles/_variables.scss
View File

@ -77,6 +77,7 @@ $post-color: #248fb2;
$put-color: #9b708b; $put-color: #9b708b;
$options-color: #d3ca12; $options-color: #d3ca12;
$patch-color: #e09d43; $patch-color: #e09d43;
$head-color: #c167e4;
$delete-color: #e27a7a; $delete-color: #e27a7a;
$basic-color: #999; $basic-color: #999;
$link-color: #31bbb6; $link-color: #31bbb6;