Skip to content

Instantly share code, notes, and snippets.

@kdzwinel kdzwinel/index.html
Last active Nov 10, 2017

Embed
What would you like to do?
<head>
...
<meta name="viewport" content="width=device-width">
...
</head>
@media (max-width: 425px) {
body {
min-width: 0; /* get rid of hardcoded width */
}
/* Top navigation bar */
#monobar .toptabs {
display: none; /* hide most of the options to save some space */
}
#userbar {
padding: 5px;
}
#userbar > span {
display: inline-flex;
flex-wrap: wrap;
}
/* Search toolbar */
.subt {
padding: 5px;
}
.subt .inIssueEntry, .subt .inIssueList {
display: block;
margin: 10px 0 !important;
}
.subt label[for="searchq"], .subt label[for="can"], #can {
display: none; /* hide some labels and search scope helper field to save some space */
}
/* Main content */
#maincol > div > form > table > tbody > tr {
display: flex;
flex-direction: column;
}
#maincol > div > form > table > tbody > tr > td {
display: block;
}
#maincol table.rowmajor {
display: flex;
flex-direction: column;
width: auto; /* get rid of hardcoded width */
}
#maincol table.rowmajor tbody {
flex-grow: 1;
}
#maincol table.rowmajor tr {
display: flex;
flex-direction: column;
}
#maincol table.rowmajor tr > th {
text-align: left;
}
#maincol table.rowmajor tr > td {
display: block;
width: 100%;
}
#maincol input, #maincol select, #maincol textarea {
font-size: 100%;
}
/* Others */
#maincol div.tip {
width: auto;
}
#footer {
display: flex;
margin: 0 5px 5px 5px ;
text-align: left;
}
#attachprompt {
display: block;
padding: 10px 0;
}
input[type="button"], input[type="submit"], a.buttonify { /* make all types of buttons easier to click */
padding: 5px;
}
}
@kdzwinel

This comment has been minimized.

Copy link
Owner Author

kdzwinel commented Mar 8, 2016

That's how it looks:

screen shot 2016-03-08 at 16 42 04

screen shot 2016-03-08 at 16 42 25

Tested on Chrome, Safari na FF.
It's only meant for crbug.com/new , it doesn't do any good on other crbug.com pages.

@jaredwilli

This comment has been minimized.

Copy link

jaredwilli commented Nov 10, 2017

🚁 〰️ 💣

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.