Skip to content

Google Classroom Usability Tweaks by panderson

Screenshot of Google Classroom Usability Tweaks

Details

Authorpanderson

License© 2024, Phil Anderson

Categoryclassroom.google.com

Created

Updated

Size1.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tweaks for usability, visibility and screen real estate space saving.

Notes

Moved the +Create button up and locks it so it doesn't scroll away.

Outlines the boxes on rubrics for easier visibility.

In the grading view, it moves the student selector up to give you more vertical space to view your students' assignments. It also widens the right panel to make it more usable.

Source code

/* ==UserStyle==
@name         Google Classroom
@version      20240311.14.46
@namespace    https://userstyles.world/user/panderson
@description  Tweaks for usability, visibility and screen real estate space saving.
@author       panderson
@license      © 2024, Phil Anderson
==/UserStyle== */

@-moz-document domain("classroom.google.com") {
/* 
Style by Phil Anderson
https://teachertechsupport.blogspot.com/
*/

	
/* Cause the +Create button to stay in the same spot when scrolling down. */
.Y5vSD.SRX5Hd {
    position: fixed;
    left: 580px;
    top: 8px;
    z-index: 1000;
}

/* More vertical space in grading view */
/* Pull the student selector bar up */
.zQTmif.SSPGKf.eejsDc {
    margin-top: -60px;
    z-index: 1000;
}
    
/* Shrink the width of the student selector bar and center it */
.dnTXKd {
    width: 60%;
    margin-right: 7%;
    margin-left: auto;
    box-shadow: 0 0 0 0;
}
.MPNyod {
    max-width: 500px;
}
    
/* Fix the width of the status box, which prevents movement during saves.*/
.lllaCc, .EH8axd, .KHgf8 {
    font-size: 12pt;
    min-width: 100px;
}
    
/* Modify the look of the archived class notification */
.LhKRUe.D0cJPb {
    /* display: none; */ /* This hides the notification altogether. Turn it on if desired by removing the slashes and astersiks.*/
    width: 100px;
    opacity: 0.4;
    margin-left: -60px;
}

/* Increase width of grading bar */
.uoiRud {
    width: 90%;
}
.osUyX {
    width: 30%;
    margin-right: 5px !important;
}
img.tkmmwb {
    display: none;
}
    
/* Make the rubric buttons more visible */
.OK1tJe, .R5iLrf, .bJuVn, .yXgmRe  {
    border: 1px solid #717171 !important;
}

}

Reviews

No reviews yet.