Enlarge Assignment display box?

[jcombs]

When we were at InstructureCon, I was visiting with A00015317 from Utah State and noticed that his assignment box was enlarged....almost like a page where it extended as far as he wanted.  I had asked Canvas directly before and was told you couldn't enlarge it.

Does anyone know how you are able to do that?  Is it some javascript?

[awilliams]

 @kenneth_larsen ​ or  @travis_thurston ​ can you provide any insight here? I too have often this to enlarge with the content or provide a way to be enlarged with a single button click. This becomes particularly important when you embed content like a Word document. The inline-preview never gets bigger than the original display box even if you drag the corners out.

[kenneth_larsen · Accepted solution]

I had actually forgotten about that. It is amazing what you just get used to. I added the following to our global CSS file to achieve this (this means it applies to everyone not just you):

#assignment_show .description.teacher-version {
     padding: 15px;
     overflow-y: visible;
     height: inherit;
     border: none;
     resize: vertical;
     margin-top: 20px; 
}

Disclaimer: Custom CSS and Javascript may cause accessibility issues or conflicts with future Canvas updates! Before implementing custom CSS or Javascript, please refer to Canvas documentation.

[awilliams]

Thanks  @kenneth_larsen ​.

 @kmeeusen ​, should this get added to CanvasHacks?

[kmeeusen]

Of course it should awilliams ! We even have a module for custom CSS - a very empty module I might add, and mostly because I am unable to test custom CSS on our account, and others have not uploaded examples - our server file is owned by another department because my partner and I are not coders.

Are you in there as a teacher, or would you like me to do it.

KLM

[jcombs]

Yes!  Thanks so much!  It worked.  Love how this looks and functions for our users.

[lpheaney]

Hi,

I know this response is incredibly late, but your code snippet was beneficial for institution and i was hoping to take it a step further. Do you know how I could replicate this for discussions within Canvas as well? I tried replicating by using the language "discussion_show" but it did not work unfortunately. 

Thanks so much!

[TaraStraz]

I'm an HTML n00b ... where can you paste this code in order to enlarge the box? I am able to get to the HTML editor, but I am not sure where to put this code in order to enlarge the display box. Thanks!