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;
$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-border-radius: var(--#{$prefix}border-radius) !default;

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

@@ -74,7 +74,7 @@
.divide-y#{$name-prefixed} {
> :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) {
@@ -88,7 +88,7 @@
.divide-x#{$name-prefixed} {
> :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) {

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

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