Skip to content

Instantly share code, notes, and snippets.

@kdzwinel
Last active November 10, 2017 22:44
Show Gist options
  • Save kdzwinel/515365d2ad73e2ecf9b8 to your computer and use it in GitHub Desktop.
Save kdzwinel/515365d2ad73e2ecf9b8 to your computer and use it in GitHub Desktop.
<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;
}
}
@jaredwilli
Copy link

🚁 〰️ 💣

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