Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Fix form controls bugs in dark mode (#1573)

Browse Source
This commit is contained in:
Paweł Kuna
2023-05-15 00:41:49 +02:00
committed by GitHub
parent 260b53ee16
commit a0a2d520c6
4 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/odd-terms-tap.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Fix form controls bugs in dark mode

2
src/scss/_variables.scss
View File

@@ -823,7 +823,7 @@ $input-border-color-translucent: var(
) !default; ) !default;
$input-placeholder-color: $text-muted-light !default; $input-placeholder-color: $text-muted-light !default;
$input-group-addon-bg: $light !default; $input-group-addon-bg: var(--#{$prefix}bg-surface-secondary) !default;
$input-group-addon-color: var(--#{$prefix}muted) !default; $input-group-addon-color: var(--#{$prefix}muted) !default;
$input-border-radius: var(--#{$prefix}border-radius) !default; $input-border-radius: var(--#{$prefix}border-radius) !default;

4
src/scss/ui/_grid.scss
View File

@@ -74,7 +74,7 @@
.divide-y#{$name-prefixed} { .divide-y#{$name-prefixed} {
> :not(template) ~ :not(template) { > :not(template) ~ :not(template) {
border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) $border-color-translucent !important; border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color-translucent) !important;
} }
> :not(template):not(:first-child) { > :not(template):not(:first-child) {
@@ -88,7 +88,7 @@
.divide-x#{$name-prefixed} { .divide-x#{$name-prefixed} {
> :not(template) ~ :not(template) { > :not(template) ~ :not(template) {
border-left: var(--#{$prefix}border-width) var(--#{$prefix}border-style) $border-color-translucent !important; border-left: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color-translucent) !important;
} }
> :not(template):not(:first-child) { > :not(template):not(:first-child) {

23
src/scss/ui/_tables.scss
View File

@@ -88,7 +88,8 @@
} }
tr { tr {
border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) $table-border-color; border-bottom: var(--#{$prefix}border-width)
var(--#{$prefix}border-style) $table-border-color;
} }
.btn { .btn {
@@ -99,6 +100,9 @@
} }
} }
/**
Table sort
*/
.table-sort { .table-sort {
font: inherit; font: inherit;
color: inherit; color: inherit;
@@ -120,26 +124,23 @@
color: var(--#{$prefix}body-color); color: var(--#{$prefix}body-color);
} }
&:after, &:after {
&.asc:after,
&.desc:after {
content: ""; content: "";
display: inline-flex; display: inline-flex;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
vertical-align: bottom; vertical-align: bottom;
background: $table-sort-bg-image no-repeat center; mask-image: $table-sort-bg-image;
opacity: .2; background: currentColor;
margin-left: .25rem;
} }
&.asc:after { &.asc:after {
background: $table-sort-desc-bg-image no-repeat center; mask-image: $table-sort-desc-bg-image;
opacity: 1;
} }
&.desc:after { &.desc:after {
background: $table-sort-asc-bg-image no-repeat center; mask-image: $table-sort-asc-bg-image;
opacity: 1;
} }
} }
@@ -147,4 +148,4 @@
thead th { thead th {
background: transparent; background: transparent;
} }
} }