Skip to content

Condensed Google Classroom by colebot

Screenshot of Condensed Google Classroom

Details

Authorcolebot

LicenseCC BY-SA - Creative Commons Attribution-ShareAlike

Categoryclassroom.google.com

Created

Updated

Size1.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Condense various elements of Google Classroom to fit more content on the page! Compatible with my Google Classroom Dark Theme.

Notes

v.1.0.1 -
Condense add or create menu

v.1.0.0 -
I made this myself! It's currently very lightweight and still a work in progress.

Source code

/* ==UserStyle==
@name         Condensed Google Classroom
@version      1.0.1
@namespace    userstyles.world/user/colebot
@description  Condense various elements of Google Classroom to fit more content on the page! Compatible with my Google Classroom Dark Theme.
@author       colebot
@license      CC BY-SA - Creative Commons Attribution-ShareAlike
==/UserStyle== */

@-moz-document domain("classroom.google.com") {
/* HOME PAGE */

/* limit the height of each line */
.gHz6xd {
    height: 6rem;
}

/* hide things that get cut off anyways */
.TQYOZc, .SZ0kZe {
    display: none;
}


/* CLASS STREAM PAGE */

/* reduce height of top banner */
.qyN25 {
    height: 6.5rem;
}

/* reduce padding around more info popout */
.n0p5v {
    padding-top: 1rem;
    padding-bottom: 1rem;
}


/* YOUR WORK PAGE */

/* reduce size of profile picture */
.DIZjNc {
    width: 3rem;
    height: 3rem;
}

/* reduce size of name */
.B7SYid.YVvGBb {
    font-size: 1.5rem;
}

/* reduce size of grade */
.vNFzIf {
    font-size: 1.75rem;
}

/* reduce padding around name and picture */
.L3bAHe {
    padding: 1rem;
}

/* reduce padding at top of page */
.Z3qXvc.Ul8Bkc {
    padding-top: 0.5rem;
}
}

/* ASSIGNMENT PAGE */

/* reduce height of each item in add or create menu */
.VfPpkd-StrnGf-rymPhb-ibnC6b {
    height: 36px;
}

Reviews

No reviews yet.