Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-06 06:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Resolves text and button color issue in dark mode for filter component of table (#1283)

Browse source
This commit is contained in:
Nishidh Jain 2021-10-26 17:55:53 +05:30 committed by GitHub
parent 1cc16506b8
commit 219079be84
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/Editor/Components/Table/Table.jsx
View file

@ -950,7 +950,7 @@ export function Table({
<div className="table-filters card">
<div className="card-header row">
<div className="col">
<h4 className="text-muted">Filters</h4>
<h4 className="font-weight-normal">Filters</h4>
</div>
<div className="col-auto">
<button onClick={() => hideFilters()} className="btn btn-light btn-sm">
@ -1008,7 +1008,7 @@ export function Table({
/>
</div>
<div className="col-auto">
<button onClick={() => removeFilter(index)} className="btn btn-light btn-sm p-2 text-danger">
<button onClick={() => removeFilter(index)} className={`btn ${darkMode ? "btn-dark" : "btn-light"} btn-sm p-2 text-danger font-weight-bold`}>
x
</button>
</div>
@ -1017,16 +1017,16 @@ export function Table({
{filters.length === 0 && (
<div>
<center>
<span className="text-muted">no filters yet.</span>
<span>no filters yet.</span>
</center>
</div>
)}
</div>
<div className="card-footer">
<button onClick={addFilter} className="btn btn-light btn-sm text-muted">
<button onClick={addFilter} className="btn btn-light btn-sm">
+ add filter
</button>
<button onClick={() => clearFilters()} className="btn btn-light btn-sm mx-2 text-muted">
<button onClick={() => clearFilters()} className="btn btn-light btn-sm mx-2">
clear filters
</button>
</div>