From 1fb9bfb806f317d942bd42713bf02d14abfbc074 Mon Sep 17 00:00:00 2001
From: Vladimir Marchenko <vladimir.marchenko@arm.com>
Date: Wed, 27 Jul 2022 17:19:07 +0200
Subject: [PATCH] Updated default version dropdown view.

---
 dropdown.png | Bin 159 -> 359 bytes
 version.css  |  36 +++++++++++++++++++++++++++---------
 version.js   |   1 +
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/dropdown.png b/dropdown.png
index 1a8a9ed59f5cabf517986adbaa5b7c6277bd03a4..1a13068f3c5c252f21714d00aa968a5d9a11b73b 100644
GIT binary patch
literal 359
zcmeAS@N?(olHy`uVBq!ia0vp^oFL4>1SIo6Pjm-TY$ZW{!9W@a@|Lkr1X7#@9+AZi
z417mGm~pB$pELslBfF=IV+e;V;~xg*|6s**Bp7SkdT?3C2$aAo-CR`ylEah+N&p3+
ia>&vU36KtCfM$5qJRaqJXL#3xlz6)OxvX<aXaWGLp&~Z`

delta 142
zcmaFPG@o&TWIY=L1H*%fYyv=vu{g-xiDBJ2nU_EgOS+@4BLl<6e(pbstUx|zfk$L9
z0|Vb-5N14{zaj-FXyWPO7@`rJEYZ@iG3(RC{{d!x2RM{IXy%;Wn#Q8d#F)e7$mL)X
nBgmnk-J*Gb%fL4!fq`K;qu}zKJ3P`r{S2P$u6{1-oD!M<9}_5L

diff --git a/version.css b/version.css
index 941eafdf..8013bede 100644
--- a/version.css
+++ b/version.css
@@ -1,17 +1,33 @@
+:root {
+  --arm_light_blue: #00C1DE;
+  --arm_blue: #11809F;
+  --arm_blue1: #0091BD;
+  --arm_dark_blue: #002B49;
+  --arm_light_gray: #E5ECEB;
+  --arm_light_gray1: #EFF5F4;
+  --arm_light_gray2: #EBEBEB;
+  --arm_light_gray3: #F7F7F7;
+  --arm_dark_gray: #7D868C;
+  --arm_black: #333E48;
+  --arm_orange: #FF6B00;
+  --arm_yellow: #FFC700;
+}
+
 /* Dropdown Button */
 .dropbtn {
     margin: 0px;
-    padding: 0px 0px 0px 1em;
-    background-image: url(dropdown.png);
+    padding: 0px 20px 0px 0em;
+    background-image: url("dropdown.png");
     background-repeat: no-repeat;
-    background-size: 0.75em;
-    background-position: left center;
+    background-size: 0.5em;
+    background-position: right center;
+    cursor: pointer;
 }
 
 /* Dropdown button on hover & focus */
-.dropbtn:hover, .dropbtn:focus {
-  background-size: 0.8em;
-}
+#.dropbtn:hover, .dropbtn:focus {
+#  background-size: 0.7em;
+#}
 
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
@@ -23,16 +39,18 @@
 .dropdown-content {
   display: none;
   position: absolute;
-  background-color: #f1f1f1;
+  background-color: var(--arm_light_gray3);
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
+  white-space: nowrap;
+  cursor: pointer;
   z-index: 1;
 }
 
 /* Links inside the dropdown */
 .dropdown-content a {
   # color: black;
-  color: #3A568E;
+  color: var(--arm_dark_gray);
   padding: 4px 6px;
   text-decoration: none;
   display: block;
diff --git a/version.js b/version.js
index f4cb237e..4fddd677 100644
--- a/version.js
+++ b/version.js
@@ -31,6 +31,7 @@ function writeVersionDropdown() {
         if (label != version) {
             label += "("+version+")"
         }
+        label = "Version " + label
         document.write('    <a href="'+urlForVersion(docUrl, version)+'">'+label+'</a>');
     }
     document.write('  </div>');