Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Large google docs comments
/*
large google docs comments
add this to a user stylesheet
like https://github.com/openstyles/stylus
*/
/* make comment boxes large */
@media only screen and (min-width: 1400px) {
.docos-layout-anchored
.docos-anchoreddocoview {
width: 350px;
}
}
@media only screen and (min-width: 1600px) {
.kix-appview-editor-container {
margin-left: -80px;
}
.docos-layout-anchored
.docos-anchoreddocoview {
width: 550px;
}
}
@media only screen and (min-width: 1800px) {
.kix-appview-editor-container {
margin-left: -200px;
}
.docos-layout-anchored
.docos-anchoreddocoview {
width: 750px;
}
}
@media only screen and (min-width: 2000px) {
.kix-appview-editor-container {
margin-left: -250px;
}
.docos-layout-anchored
.docos-anchoreddocoview {
width: 850px;
}
}
/* different fonts for the comments */
.docos-layout-anchored
.docos-anchoreddocoview {
/* nice serif font */
/* font-family: "EB Garamond"; */
/* readability at small sizes */
/* font-family: "Gill Sans", Futura, Arial, sanserif; */
}
@jbenet
Copy link
Author

jbenet commented Nov 29, 2018

Update:

  • more responsive, because of document outlines. (previously doc outlines got wrecked)

@jbenet
Copy link
Author

jbenet commented Nov 29, 2018

HT to @shannonwells for:

font-family: "Gill Sans", Futura, Arial, sanserif;

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