episerver / Foundation

Foundation offers a starting point that is intuitive, well-structured and modular allowing developers to explore CMS, Commerce, Personalization, Search and Navigation, Data Platform and Experimentation.
https://docs.developers.optimizely.com/digital-experience-platform/docs/optimizely-foundation-demo-sites
Apache License 2.0
132 stars 136 forks source link

Bug / UI / Table headers colour for dark theme #877

Closed edyrkaj closed 1 year ago

edyrkaj commented 2 years ago

Describe the bug When you use the default project from the main branch -> Mosey theme it shows the Organization content with dark table. Using bootstrap dark theme for tables doesn't have a good UI for table headers and it is difficult to show the table head values.

To Reproduce Steps to reproduce the behavior:

  1. Go to '...'
  2. View the table headers
  3. See error as it is shown in the screenshots

As I just started using Optimizely + EpiServer I am still confused where to add the css (style) fix for this bug. I've used my knowledge of master view pages and applied that change directly in the _MasterLayout.cshtml

<style type="text/css">
    .thead-dark tr > th { color: #fff !important; }
</style>
image

Expected behavior When we use thead dark for tables we need to use the inverse colour for table head values.

Screenshots

image

After css changes:

image image

As you can see from the screenshots this small fix is applied for all tables with the same problem.

Desktop (please complete the following information):

Smartphone (please complete the following information):

Additional context Add any other context about the problem here.