Description Text Size - Githubissues

mattm401 / collabortweet

Collaborative web framework for analyzing text (e.g., tweets) using pairwise comparisons.

0 stars 1 forks source link

Description Text Size #3

Closed mattm401 closed 7 years ago

mattm401 commented 7 years ago

Reduce the text size of the description text to something that is both small and readable (i.e., most video descriptions should fit on the screen without the need to scroll)

mattm401 commented 7 years ago

This still needs to be touched up:

[ ] Make sure text in div containing the "Description" word wraps instead of overflowing.
[ ] Make only the div containing the "Description" vertically scroll (i.e., video should remain on the scene at all times
[ ] Make the containing div for the Title, Description, and Video a bit wider. (Say another 100px?) And, a bit taller... the video containing iframe and title of video should appear on the screen without the need to scroll.
[ ] Looks like the description text has an extra space ' ' character at the start of the text; please remove.

mattm401 commented 7 years ago

Hi Sam,

I think we still need to style up this interface a bit more, I was able to make this:

by adding style="word-break: break-all; white-space: normal;" to the paragraph tag that contains the description.

To the div containing the description, I updated style="float: right;width:550px; height:350px;position: relative; top: -20px;left: -150px;overflow-y: scroll;"

Finally, there is a pre tag with that I edited: pre id="element-content-panel" style=" height:450px; font-size:75%; overflow: hidden;"

Throw some padding on the left of the video and maybe position/resize the description box and we should be good to go;

mattm401 commented 7 years ago

It would be great if we could adding some padding between the words and the scrollbar, I think you'd have to add a margin in somewhere? Not sure, I was editing in the console to create the above.