Last active
November 10, 2017 22:44
-
-
Save kdzwinel/515365d2ad73e2ecf9b8 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| ... | |
| <meta name="viewport" content="width=device-width"> | |
| ... | |
| </head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @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; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
That's how it looks:
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.