Dropdown

.gitignore

@@ -21,3 +21,4 @@ docker-compose.yml
 # configs
 /.env
 /config.js
+/config-window.js

Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gem 'scss_lint', '~> 0.48.0'

Gemfile.lock

@@ -0,0 +1,17 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    rake (11.2.2)
+    sass (3.4.22)
+    scss_lint (0.48.0)
+      rake (>= 0.9, < 12)
+      sass (~> 3.4.15)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  scss_lint (~> 0.48.0)
+
+BUNDLED WITH
+   1.15.1

src/components/license-dropdown/style.scss

@@ -2,6 +2,7 @@
   &__license {
 
     &-wrapper {
+      border: 1px solid oColorsGetPaletteColor("white");
       cursor: pointer;
 
       // ignoring the nesting warning as it's not actually a nested class (it's BEM)
@@ -56,6 +57,12 @@
       }
     }
 
+    &-used {
+      margin: 5px 20px;
+      font-size: 18px;
+      line-height: 26px;
+    }
+
     &-label {
       position: relative;
       padding-right: 15px;
@@ -65,19 +72,16 @@
       // ignoring the nesting warning as it's not actually a nested class (it's BEM)
       // scss-lint:disable NestingDepth
       &::after {
-        @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('white'), 12);
+        @include oIconsGetIcon('arrow-down', oColorsGetPaletteColor("claret"), 10);
+        background-color: oColorsGetPaletteColor("white");
         content: "";
         position: absolute;
-        top: 3px;
-        right: 0;
+        padding: 8px;
+        right: -2px;
       }
 
       &:hover {
         color: oColorsGetPaletteColor("grey-tint2");
-
-        &::after {
-          @include oIconsGetIcon('arrow-up-down', oColorsGetPaletteColor('grey-tint2'), 12);
-        }
       }
 
     }
@@ -103,6 +107,10 @@
         display: block;
       }
 
+      .kmt-forms__select {
+        border: 1px solid oColorsGetPaletteColor("white");
+      }
+
 
 
       select,

src/helpers/helpers.js

@@ -37,6 +37,7 @@ export function getCookieUserDetails() {
   // if the data has not been retrieved
   if (licenceData === undefined) {
     licenceData = {};
+
     if (window.KMT_CONFIG) {
       licenceData.items = _sortAndNameLicenses(window.KMT_CONFIG.licenceList || []);
       licenceData.username = window.KMT_CONFIG.displayName || "Unknown User";