Author Topic: UI error when edit cell with Jquery theme  (Read 1488 times)

atmaneuler

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 33
    • View Profile
UI error when edit cell with Jquery theme
« on: October 31, 2020, 09:06:29 am »
I use Jquery theme, UI Darkness,
and edit a cell on https://paramquery.com/pro/demos/editing
like this:

And I move to next cell to edit, the last cell show all black like this:


Expectation: The edited cell should show with white color.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: UI error when edit cell with Jquery theme
« Reply #1 on: October 31, 2020, 09:30:28 am »
there is no contrast between background and foreground color for dark theme because of this css rule.

Code: [Select]
.pq-row-edit > .pq-grid-cell
{
    color:#000;
}

Please change it to

Code: [Select]
.pq-row-edit > .pq-grid-cell
{
    color:#000;
    background-color: #fff;
}
« Last Edit: October 31, 2020, 10:09:43 am by paramvir »

atmaneuler

  • Pro Ultimate
  • Newbie
  • *
  • Posts: 33
    • View Profile
Re: UI error when edit cell with Jquery theme
« Reply #2 on: October 31, 2020, 11:09:36 am »
Thank for reply,

Your solution will change the background of whole edited row to white,

I just want the edited cell change to white, when I move to next cell to edit, the last cell show all black again, with the text color in white.

I try this:
Code: [Select]
.pq-editor-outer > .pq-editor-inner > textarea {
  color: black !important;
}

And it work for me. Thank you.