Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

css issue #18

Closed
demon0430 opened this issue Aug 12, 2020 · 4 comments
Closed

css issue #18

demon0430 opened this issue Aug 12, 2020 · 4 comments

Comments

@demon0430
Copy link

Prerequisites

Please answer the following questions for yourself before submitting an issue.

  • [yes ] I am running the latest version
  • [ yes] I checked the documentation and found no answer
  • [yes ] I checked to make sure that this issue has not already been filed
  • [yes ] I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

I expect text-break to wrap the text inside the td when the class is defined

Current Behavior

the text inside the td is not wrapping as expected

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

  1. step 1
  2. step 2
  3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

  • Device:
  • Operating System:
  • Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

@teamupdivision
Copy link
Collaborator

Hello and thank you for using Creative Tim products.

I'm not sure what table or what page you are referring to. Is it the items page that it's not wrapping text on more than one row?
It is intended that way so that the table has consistent row size in order to view quickly all the information.

If you still want to wrap text you can replace this css code:
.table td, .table th { font-size: .8125rem; white-space: nowrap; }

with

.table td, .table th { font-size: .8125rem; white-space: normal; }

All the best

@demon0430
Copy link
Author

appreciate the response. the suggestion works on my end. My goal was to wrap the text inside the td to avoid/minimize scrolling on mobile when the width of the table exceeds the viewport size.

thanks

@teamupdivision
Copy link
Collaborator

glad we could be of help

@demon0430
Copy link
Author

Hi,

I was able to follow the instruction provided, initially the provided solution works , but checking it on a samsung galaxy tab A , the test is not wrapping as expected. Is there anything i miss with this solution ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants