Merge #90 - Update BooDark theme for pma v5.2.0

- fix user accounts with many users
- fix current server selector

Closes: #89

boodark/scss/_navigation.scss

@@ -47,7 +47,7 @@
   #databaseList,
   div.pageselector.dbselector {
     text-align: center;
-    padding: 5px 10px 0;
+    padding: 8px 10px;
     border: 0;
   }
 
@@ -75,11 +75,6 @@
   #favoriteTable {
     width: 200px;
   }
-
-  #favoriteTableList select,
-  #serverChoice select {
-    width: 80%;
-  }
 }
 
 select {
@@ -356,7 +351,7 @@ li.fast_filter {
 }
 
 #navigation_controls_outer {
-  min-height: 21px !important;
+  min-height: 24px !important;
 
   &.activePointer {
     background-color: transparent !important;
@@ -365,7 +360,7 @@ li.fast_filter {
 
 #navigation_controls {
   float: right;
-  padding-right: 23px;
+  padding-right: 1.5rem;
 }
 
 // Resize handler
@@ -378,6 +373,10 @@ li.fast_filter {
   top: 0;
   left: 240px;
   z-index: 801;
+
+  &:hover {
+    background-color: $navigation-resizer-hover-bg;
+  }
 }
 
 #pma_navigation_collapser {

boodark/scss/_variables.scss

@@ -23,8 +23,7 @@ $pma-gray-600-rgb: 108, 117, 125;
 $pma-gray-700-rgb: 73, 80, 87;
 $pma-gray-800-rgb: 52, 58, 64;
 $pma-gray-900-rgb: 33, 37, 41;
-
-// $blue:    #0d6efd;
+$pma-blue:    #0d6efd;
 $pma-indigo:  #6610f2;
 $pma-purple:  #6f42c1;
 $pma-pink:    #d63384;
@@ -110,6 +109,18 @@ $dropdown-link-color:         $dropdown-color;
 $dropdown-link-hover-color:   $pma-body-color;
 $dropdown-link-hover-bg:      rgba($pma-body-color, .15);
 // Pagination
+$pagination-bg:                    $pma-body-bg;
+$pagination-border-color:          $pma-border-color;
+$pagination-focus-bg:              $pma-body-bg;
+$pagination-hover-color:           $white;
+$pagination-hover-bg:              $pma-blue;
+$pagination-hover-border-color:    $pagination-hover-bg;
+$pagination-active-color:          $white;
+$pagination-active-bg:             $pma-blue;
+$pagination-active-border-color:   $pagination-active-bg;
+$pagination-disabled-color:        $pma-disable-color;
+$pagination-disabled-bg:           $pma-component-bg;
+$pagination-disabled-border-color: $pma-border-color;
 // Placeholders
 // Cards
 $card-border-color:           rgba($pma-body-bg, .5);
@@ -161,6 +172,7 @@ $navigation-selected-bg:      $pma-selected-bg;
 $navigation-border-color:     $pma-border-color;
 $navigation-shadow-color:     $pma-border-color;
 $navigation-drop-button-bg:   $pma-border-color;
+$navigation-resizer-hover-bg: $pma-button-color;
 
 // Breadcrumbs
 $breadcrumb-navbar-padding-y:     .5rem;

boodark/theme.json

@@ -1,6 +1,6 @@
 {
     "name": "BooDark",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "Bootstrap Dark theme for phpMyAdmin",
     "author": "adorade",
     "url": "https://github.com/adorade/boodark",