Merge pull request #4 from adorade/v1-dev

Update theme to v1.0.1

.github/workflows/node.yml

@@ -0,0 +1,34 @@
+# GitHub Actions allows you to build, test, and deploy applications in your language of choice
+name: Node CI
+
+on:
+  push:
+    branches: [main, develop, v1-dev]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build:
+    name: Build on node ${{ matrix.node }} and ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        os: [ubuntu-latest]
+        node: [14]
+
+    runs-on: ${{ matrix.os }}
+
+    steps:
+    # checkout the repo
+    - name: Checkout the repo
+      uses: actions/checkout@v3
+
+    # use node.js matrix
+    - name: Use Node.js ${{ matrix.node }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node }}
+
+    # install dependencies and build
+    - name: Install deps and build
+      run: yarn install

package.json

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

themes/boodark/scss/_navigation.scss

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

themes/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;

themes/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",