From d8b6e022b7d293335dece6f932107c109e2350cf Mon Sep 17 00:00:00 2001 From: Roman Hotsiy Date: Thu, 21 Sep 2017 12:39:17 +0300 Subject: [PATCH] fix: HEAD http verb support closes #342 --- .../EndpointLink/endpoint-link.scss | 6 +- lib/components/Redoc/redoc.scss | 68 ++++++++++++------- lib/shared/styles/_variables.scss | 1 + 3 files changed, 49 insertions(+), 26 deletions(-) diff --git a/lib/components/EndpointLink/endpoint-link.scss b/lib/components/EndpointLink/endpoint-link.scss index c78bc197f3..c9ff1a2af5 100644 --- a/lib/components/EndpointLink/endpoint-link.scss +++ b/lib/components/EndpointLink/endpoint-link.scss @@ -30,7 +30,7 @@ } .operation-api-url { - color: rgba($black, .8); + color: rgba($black, 0.8); &-path { font-family: $headers-font, $headers-font-family; position: relative; @@ -146,4 +146,8 @@ &.link { background-color: $link-color; } + + &.head { + background-color: $head-color; + } } diff --git a/lib/components/Redoc/redoc.scss b/lib/components/Redoc/redoc.scss index f0c1501f15..59becb06c0 100644 --- a/lib/components/Redoc/redoc.scss +++ b/lib/components/Redoc/redoc.scss @@ -4,11 +4,11 @@ display: block; box-sizing: border-box; - -webkit-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); - -o-tap-highlight-color: rgba(0,0,0,0); - 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); + -ms-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); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; @@ -18,10 +18,10 @@ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; - -webkit-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-rendering: optimizeSpeed!important; + -webkit-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-rendering: optimizeSpeed !important; font-smooth: always; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; @@ -96,7 +96,6 @@ side-menu { } } - .redoc-error { padding: 20px; text-align: center; @@ -131,7 +130,7 @@ side-menu { background-color: #333; border-radius: 3px; 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-position: 6px 4px; text-indent: -9000px; @@ -177,13 +176,18 @@ side-menu { background-position: 4px -131px; background-color: $link-color; } + + &.head { + background-position: 6px -102px; + background-color: $head-color; + } } } /* global redoc styles */ @for $index from 1 through 5 { - :host /deep/ h#{$index}{ + :host /deep/ h#{$index} { margin-top: 0; font-family: $headers-font, $headers-font-family; color: $secondary-color; @@ -194,11 +198,23 @@ side-menu { } :host /deep/ { - h1 { font-size: $h1; color: $headers-color; } - h2 { font-size: $h2; } - h3 { font-size: $h3; } - h4 { font-size: $h4; } - h5 { font-size: $h5; line-height: 20px; } + h1 { + font-size: $h1; + color: $headers-color; + } + h2 { + font-size: $h2; + } + h3 { + font-size: $h3; + } + h4 { + font-size: $h4; + } + h5 { + font-size: $h5; + line-height: 20px; + } p { font-family: $base-font, $base-font-family; @@ -215,7 +231,7 @@ side-menu { p > code { color: $red; - border: 1px solid rgba(38,50,56,0.1); + border: 1px solid rgba(38, 50, 56, 0.1); } .hint--inversed { @@ -247,7 +263,6 @@ footer { } } - /* markdown elements */ :host /deep/ .redoc-markdown-block { @@ -260,13 +275,14 @@ footer { overflow-x: auto; line-height: normal; border-radius: $border-radius; - border: 1px solid rgba(38,50,56,0.1); + border: 1px solid rgba(38, 50, 56, 0.1); code { background-color: transparent; color: white; - &:before, &:after { + &:before, + &:after { content: none; } } @@ -274,12 +290,12 @@ footer { code { 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; font-size: 1em; border-radius: $border-radius; color: $red; - border: 1px solid rgba(38,50,56, 0.1); + border: 1px solid rgba(38, 50, 56, 0.1); } p:last-of-type { @@ -299,7 +315,8 @@ footer { box-sizing: content-box; } - ul, ol { + ul, + ol { padding-left: 2em; margin: 0; margin-bottom: 1em; @@ -332,7 +349,8 @@ footer { } } - table th, table td { + table th, + table td { padding: 6px 13px; border: 1px solid #ddd; } diff --git a/lib/shared/styles/_variables.scss b/lib/shared/styles/_variables.scss index b8a6ec7487..67f49c1847 100644 --- a/lib/shared/styles/_variables.scss +++ b/lib/shared/styles/_variables.scss @@ -77,6 +77,7 @@ $post-color: #248fb2; $put-color: #9b708b; $options-color: #d3ca12; $patch-color: #e09d43; +$head-color: #c167e4; $delete-color: #e27a7a; $basic-color: #999; $link-color: #31bbb6;