Merge #106 - New update BooDark v1.1.1 - pma 5.2

Pull-request: #106
phpmyadmin · Sep 10, 2024 · 5cf8345 · 5cf8345
2 parents d882f60 + 51289d3
commit 5cf8345
Show file tree

Hide file tree

Showing 19 changed files with 51 additions and 50 deletions.
diff --git a/boodark/README.md b/boodark/README.md
@@ -1,6 +1,6 @@
-# BooDark v1.1.0
+# BooDark v1.1.1
 
-![Screenshot](screen.png)
+![Screenshot](screen-animated.png)
 
 Bootstrap Dark theme for phpMyAdmin
 

diff --git a/boodark/css/theme-nord.css b/boodark/css/theme-nord.css
diff --git a/boodark/css/theme-nord.css.map b/boodark/css/theme-nord.css.map
diff --git a/boodark/css/theme-nord.rtl.css b/boodark/css/theme-nord.rtl.css
diff --git a/boodark/css/theme-orange.css b/boodark/css/theme-orange.css
diff --git a/boodark/css/theme-orange.css.map b/boodark/css/theme-orange.css.map
diff --git a/boodark/css/theme-orange.rtl.css b/boodark/css/theme-orange.rtl.css
diff --git a/boodark/css/theme-teal.css b/boodark/css/theme-teal.css
diff --git a/boodark/css/theme-teal.css.map b/boodark/css/theme-teal.css.map
diff --git a/boodark/css/theme-teal.rtl.css b/boodark/css/theme-teal.rtl.css
diff --git a/boodark/css/theme.css b/boodark/css/theme.css
diff --git a/boodark/css/theme.css.map b/boodark/css/theme.css.map
diff --git a/boodark/css/theme.rtl.css b/boodark/css/theme.rtl.css
diff --git a/boodark/screen-animated.png b/boodark/screen-animated.png
diff --git a/boodark/screen.png b/boodark/screen.png
diff --git a/boodark/scss/_common.scss b/boodark/scss/_common.scss
@@ -1408,14 +1408,12 @@ input#auto_increment_opt {
   border: 1px solid $pma-border-color;
   position: absolute;
   box-shadow: 0 .2em .5em #333;
-  margin-left: 75%;
   right: 0;
   max-width: 100%;
   overflow-wrap: break-word;
 
   .lDiv div {
-    padding: .2em .5em .2em;
-    padding-left: .2em;
+    padding: .2em .5em;
 
     &:hover {
       background: $pma-component-hover-bg;
@@ -1536,63 +1534,67 @@ div.navigation_separator {
   position: absolute;
 
   input[type=text] {
-    background: $white;
+    background: $pma-component-bg;
     height: 100%;
     margin: 0;
     padding: 0;
   }
 
+  input {
+    @extend .form-control;
+  }
+
   .edit_area {
-    background: $white;
-    border: 1px solid #999;
+    background: $pma-component-bg;
+    border: 1px solid $pma-border-color;
     min-width: 10em;
     padding: .3em .5em;
-
-    select,
-    textarea {
-      width: 97%;
-    }
   }
 
   .cell_edit_hint {
-    color: #555;
     font-size: .8em;
     margin: .3em .2em;
   }
 
   .edit_box {
     overflow-x: hidden;
     overflow-y: scroll;
-    padding: 0;
-    margin: 0;
   }
 
   .edit_box_posting {
-    background: $white url('../img/ajax_clock_small.gif') no-repeat right center;
-    padding-right: 1.5em;
-    // background-size: $pma-ajax-bg-zise;
-    // @extend .ic_ajax_spinner;
+    padding-right: 1.5rem;
+    background-color: $pma-component-bg;
+    background-size: $pma-ajax-bg-zise;
+    background-repeat: no-repeat;
+    background-position: right center;
+    @extend .ic_ajax_spinner;
   }
 
   .edit_area_loading {
-    background: $white url("../img/ajax_clock_small.gif") no-repeat center;
-    height: 10em;
-    // background-size: $pma-ajax-bg-zise;
-    // @extend .ic_ajax_spinner;
+    height: 6rem;
+    border: 1px solid #6c757d;
+    background-color: $pma-component-bg;
+    background-size: $pma-ajax-bg-zise;
+    background-repeat: no-repeat;
+    background-position: center;
+    @extend .ic_ajax_spinner;
   }
 
   .goto_link {
-    background: #eee;
-    color: #555;
     padding: .2em .3em;
+
+    a {
+      color: $pma-link-color;
+    }
   }
 }
 
 .saving_edited_data {
-  background: url('../img/ajax_clock_small.gif') no-repeat left;
   padding-left: 20px;
-  // background-size: $pma-ajax-bg-zise;
-  // @extend .ic_ajax_spinner;
+  background-size: $pma-ajax-bg-zise;
+  background-repeat: no-repeat;
+  background-position: left;
+  @extend .ic_ajax_spinner;
 }
 
 .relationalTable {

diff --git a/boodark/scss/_forms.scss b/boodark/scss/_forms.scss
@@ -57,7 +57,7 @@ input {
     background-size: contain;
     border: $form-check-input-border;
     appearance: none;
-    color-adjust: exact; // Keep themed appearance for print
+    print-color-adjust: exact; // Keep themed appearance for print
 
     &:active {
       filter: $form-check-input-active-filter;
@@ -170,6 +170,7 @@ select {
 textarea {
   background-color: $input-bg;
   border: $input-border-width solid $input-border-color;
+  resize: both;
 
   &:focus {
     color: $input-focus-color;

diff --git a/boodark/scss/_variables.scss b/boodark/scss/_variables.scss
@@ -3,7 +3,7 @@
 // =============================================================================
 
 // Theme version
-$pma-theme-version: "1.1.0";
+$pma-theme-version: "1.1.1";
 
 // PMA color system
 // -----------------------------------------------------------------------------

diff --git a/boodark/theme.json b/boodark/theme.json
@@ -1,6 +1,6 @@
 {
     "name": "BooDark",
-    "version": "1.1.0",
+    "version": "1.1.1",
     "description": "Bootstrap Dark theme for phpMyAdmin",
     "author": "adorade",
     "url": "https://github.com/adorade/boodark",