SAK-50368 Discussions and Dropbox improve ui responsiveness #12792
Conversation
| overflow: hidden; | ||
| text-overflow: ellipsis; | ||
| } | ||
| .text-truncate{ | ||
| white-space: normal !important; |
There was a problem hiding this comment.
hi @Sharadhi98 is it possible to avoid using !important and rely on specificity?
There was a problem hiding this comment.
note that text-truncate is a bootstrap class. i don't think it makes sense to override Bootstrap like this. if you don't like the use of text-truncate, the use of the class should be removed/altered.
There was a problem hiding this comment.
Thank you for your comment. I will go through the code and try to avoid !important.
| @@ -8,6 +8,9 @@ | |||
| vertical-align: middle !important; | |||
| text-align:left !important; | |||
| } | |||
| .table td{ | |||
| text-indent: 0em !important; | |||
| } | |||
There was a problem hiding this comment.
i don't understand this change. where is a text-indent being applied?
There was a problem hiding this comment.
In the "List of Dropboxes" table within the student view, there was an inline CSS code for text-indent: 1 em. I had to override that by adding !important. I have attached two screenshots with and without the text-indent for your reference.
ern
changed the title
Fixed the screen being too wide issue in the Discussions tool and the list of Dropboxes being too wide issue in the Dropbox tool.