[TikiWiki-commits] [Git][tikiwiki/tiki][29.x] [FIX] Themes: Select.vue component does not take into account the background...

Victor Emanouilov pushed to branch 29.x at Tiki Wiki CMS Groupware / Tiki


Commits:
0509e32c by Steven ngesera at 2025-11-10T14:18:29+00:00
[FIX] Themes: Select.vue component does not take into account the background color and text according to the theme
---
* [FIX] Theme: Select.vue component does not take into account the background color and text according to the theme

* [FIX] Theme: cypht input border color and size on compose page

See merge request tikiwiki/tiki!8335

- - - - -


3 changed files:

- src/js/vue-widgets/element-plus-ui/src/components/Select/select.scss
- src/js/vue-widgets/element-plus-ui/src/components/all.scss
- themes/base_files/scss/_cypht-tiki.scss


Changes:

=====================================
src/js/vue-widgets/element-plus-ui/src/components/Select/select.scss
=====================================
@@ -10,11 +10,16 @@
 .el-select__wrapper.is-filterable,
 .el-select-dropdown,
 .el-select {
-    font-size: 16px !important;
-    color: var(--bs-body-color) !important;
-    background-color: var(--bs-body-bg) !important;
-    border-color: var(--bs-body-color) !important;
-    border-radius: var(--bs-border-radius) !important;
+    font-size: 16px;
+    border-color: var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
+}
+
+.el-select-dropdown,
+.el-select-dropdown__wrap {
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
+  border-color: var(--bs-border-color);
 }
 
 .el-tag.el-tag--info {


=====================================
src/js/vue-widgets/element-plus-ui/src/components/all.scss
=====================================
@@ -14,16 +14,19 @@
     .el-select__wrapper.is-filterable, // Placing these outside of :host didn't work, also declaring CSS variables within host but without classes didn't work.
     .el-select-dropdown,
     .el-select {
-        background: var(--tiki-input-bg) !important;
-        color: var(--tiki-input-color) !important;
-        --el-text-color-regular: var(--tiki-input-color) !important;
-        --el-text-color-placeholder: var(--tiki-input-color) !important;
+        background: var(--bs-body-bg);
+        color: var(--tiki-input-color);
+        --el-text-color-regular: var(--tiki-input-color);
+        --el-text-color-placeholder: var(--tiki-input-color);
     }
-    .el-input__inner {
-        --el-text-color-regular: var(--tiki-input-color) !important;
+    .el-input__wrapper {
+        background-color: var(--bs-body-bg);
+        .el-input__inner {
+            --el-text-color-regular: var(--tiki-input-color);
+        }
     }
     .el-input {
-        --el-input-text-color: var(--tiki-input-color) !important;
+        --el-input-text-color: var(--tiki-input-color);
     }
 }
 


=====================================
themes/base_files/scss/_cypht-tiki.scss
=====================================
@@ -97,7 +97,7 @@
     
     .form-control, .form-control:focus {
         background-color: transparent;
-        border-color: var(--bs-body-bg);
+        border: var(--bs-border-width) solid var(--bs-border-color);
     }
     .search_content { 
         background-color: transparent;



View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/0509e32c8f8b83fbb131eea2bf5b87b3348982fe

-- 
View it on GitLab: https://gitlab.com/tikiwiki/tiki/-/commit/0509e32c8f8b83fbb131eea2bf5b87b3348982fe
You're receiving this email because of your account on gitlab.com.

_______________________________________________
TikiWiki-cvs mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-cvs