fix: HEAD http verb support

closes #342

Author: RomanHotsiy

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;
+  }
 }

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,26 +275,27 @@ 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;
       }
     }
   }
 
   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;
   }

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;