Skip to content

Instantly share code, notes, and snippets.

@moonexpr
Last active January 25, 2023 16:27
Show Gist options
  • Save moonexpr/c9daccc94515f13792c01fd28b612309 to your computer and use it in GitHub Desktop.
Save moonexpr/c9daccc94515f13792c01fd28b612309 to your computer and use it in GitHub Desktop.
A couple CSS patching, making the Canvas LMS much easier to use.
.ic-Layout-watermark {
background: linear-gradient(0deg, #f5f6f9, rgba(255, 255, 255, .8) 60%), url(https://www.iastate.edu/files/styles/banner/public/images/2022-06/HP_CampusRainbow22.jpg) fixed !important;
background-blend-mode: normal;
width: calc(100vw - 54px);
}
.quiz-header h1, .quiz-header h2 {
margin-top: 0;
font-weight: normal !important;
font-family: "Cooper BlkHd BT" !important;
font-size: 2rem !important;
}
/* quiz stylings */
.quiz-header {
border-bottom: none !important;
}
#questions.assessing {
border: 2px solid #c7cdd1;
border-radius: 1rem;
box-shadow: 0px 2px 4px #cce9ff inset;
padding-top: 30px;
}
.form-actions {
border: none !important;
}
.assignment-student-header {
background-color: none !important;
}
#assignments-student-footer {
backround-color: none !important;
}
body.ic-framed-lti-tool .ic-Layout-contentMain {
margin: 24px !important;
}
.header-bar
{
padding: 1rem .5rem;
border: 0 !important;
margin-bottom: 1rem;
}
#content-wrapper .header-bar, #content-wrapper .item-group-container
{
border-radius: 5px;
box-shadow: 0px 3px 5px #00000030;
}
.header-bar .header-bar-left
{
min-width: 33%;
}
select.ic-Input, textarea.ic-Input, input[type="text"].ic-Input, input[type="password"].ic-Input, input[type="datetime"].ic-Input, input[type="datetime-local"].ic-Input, input[type="date"].ic-Input, input[type="month"].ic-Input, input[type="time"].ic-Input, input[type="week"].ic-Input, input[type="number"].ic-Input, input[type="email"].ic-Input, input[type="url"].ic-Input, input[type="search"].ic-Input, input[type="tel"].ic-Input, input[type="color"].ic-Input, .uneditable-input.ic-Input
{
border-radius: 5px;
}
::placeholder
{
text-style: italic;
}
.with-left-side #left-side
{
text-align: right;
}
.ic-app-nav-toggle-and-crumbs
{
margin: 0 !important;
padding: 0 24px !important;
}
.list-view a.active
{
border-left: 0;
border-right: 4px solid #2d3b45;
padding-right: 4px;
background: linear-gradient(to right, transparent, white);
}
.EmptyDays-styles__root
{
background: none !important;
}
.ic-Dashboard-header__layout
{
margin: 0 -24px;
padding: 0 24px;
}
.Grouping-styles__items {
background: white;
}
.Day-styles__root {
background: none !important;
}
body:not(.full-width):not(.outcomes):not(.body--login-confirmation) .ic-Layout-wrapper {
max-width: initial !important;
}
#right-side {
position: sticky;
top: 20px;
}
/* make select box usable for quizzes */
.question_holder .answer select, .question_holder .answer .pull-left {
width: auto !important;
}
.question_holder .pull-left:first-child {
min-width: 30%;
margin-right: .5rem;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif !important;
}
html {
font-family: sans-serif, "Lato Extended","Lato","Helvetica Neue",Helvetica,Arial !important;
}
select {
border: 1px solid #ccc;
box-shadow: 0px -1px 2px #bfd7d7 inset;
background: white;
height: auto !important;
}
@moonexpr
Copy link
Author

moonexpr commented Oct 24, 2022

Desktop screenshot displaying multiple assignments for the next four days

@moonexpr
Copy link
Author

23+223028_Canvas

@moonexpr
Copy link
Author

canvas

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment