DX-2783 Fix Minor CSS Bugs (#686)

* DX-2783 Fix Minor CSS Bugs

* new favicon

* Fix spinning arrow and side panel on mobile

* new postman icon

* maybe fix dev docs logo

* try to fix navbar image css

* fix dev docs logo

* dropdown menus

* fix css for one of buttons

Author: ckoegel

site/src/components/css/LandingPage.module.css

@@ -48,6 +48,7 @@
 .rightImage {
     width: 75%;
     height: auto;
+    max-height: 550px;
 }
 
 @media screen and (max-width: 1152px) {

site/src/css/custom.css

@@ -30,6 +30,7 @@
   /* variables documented here: https://github.com/facebook/docusaurus/issues/3955 */
   --ifm-background-color: #F5FBFE;
   --ifm-navbar-background-color: #F5FBFE;
+  --ifm-dropdown-background-color: #F5FBFE;
   --ifm-cloud-color: #e6f5fd;
   --ifm-cloud-accent: #cdebfb;
   --ifm-footer-color: #0A2540;
@@ -76,6 +77,7 @@
 html[data-theme='dark'] {
   --ifm-background-color: #0A2540;
   --ifm-navbar-background-color: #0A2540;
+  --ifm-dropdown-background-color: #0A2540;
   --ifm-background-surface-color: #0A2540;
   --ifm-cloud-color: #08304b;
   --ifm-cloud-accent: #084062;
@@ -144,15 +146,22 @@ html[data-theme='dark'] {
 }
 
 .header-login-link {
-  background-image: url(@site/static/img/login-button.svg);
   order: 5;
-  width: 140px;
-  height: 43px;
-  background-size: contain;
-  background-position: center;
-  background-repeat: no-repeat;
-  margin-left: 1rem;
-  border-radius: 21.5px;
+}
+
+.header-login-link::before {
+  content: 'Login';
+  background-color: var(--bwBlue);
+  border-radius: 20px;
+  color: #FFFFF2;
+  font-size: 12px;
+  font-family: 'Overpass Bold';
+  text-transform: uppercase;
+  line-height: 18px;
+  letter-spacing: .1em;
+  text-decoration: none;
+  padding: 12px 30px;
+  order: 5;
 }
 
 /* Algolia DocSearch CSS Settings */
@@ -307,6 +316,10 @@ div[class^='announcementBarContent'] a:hover {
   text-decoration: none;
 }
 
+html[data-theme='dark'] .navbar .dropdown__menu {
+  box-shadow: 0 5px 40px #08121D;
+}
+
 /* shows full logo name on mobile */
 .navbar .navbar__items {
   flex: auto;
@@ -370,6 +383,12 @@ div.text--center {
   display: none;
 }
 
+@media screen and (max-width: 996px) {
+  .RedocStandalone .menu-content {
+    background-color: var(--ifm-background-color);
+  }
+}
+
 .RedocStandalone operation-type {
   margin-top: 6px;
   font-size: 8px;
@@ -444,7 +463,7 @@ div.text--center {
 }
 
 /* Loading Circle Sizing and Animation */
-.RedocStandalone div > svg:last-child {
+.RedocStandalone > div > svg:last-child {
   width: 48px;
   height: 48px;
   animation-name: ckw;
@@ -557,6 +576,10 @@ html:not([data-theme='dark'])
   text-shadow: none;
 }
 
+.RedocStandalone caption {
+  color: var(--ifm-font-color-base);
+}
+
 /* Background of server selection dropdown */
 /** Outer Box Background **/
 html[data-theme='dark']
@@ -585,6 +608,55 @@ html[data-theme='dark']
     box-shadow: none;
 }
 
+/** Callbacks Dropdowns **/
+.RedocStandalone
+  div[id^='operation']
+  > div
+  > div:last-child
+  > button {
+    background-color: var(--ifm-cloud-color);
+}
+
+/** One of Buttons **/
+.RedocStandalone
+  div[id^='operation']
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div
+  > button[class^='sc'] {
+    background-color: var(--ifm-background-color);
+}
+
+/** One of Buttons **/
+.RedocStandalone
+  div[id^='operation']
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div
+  > button[class^='sc']:focus {
+    background-color: var(--white);
+    color: #000000;
+}
+
+/** Copy button in Code Snippets **/
+.RedocStandalone
+  div[id^='operation']
+  > div
+  > div
+  > div
+  > div
+  > div
+  > div
+  > button:hover {
+    background-color: transparent;
+}
+
 /* Server selection dropdown arrow */
 html[data-theme='dark']
   .RedocStandalone