OLD | NEW |
(Empty) | |
| 1 /* Copyright 2016 The Chromium Authors. All Rights Reserved. |
| 2 * |
| 3 * Use of this source code is governed by a BSD-style |
| 4 * license that can be found in the LICENSE file or at |
| 5 * https://developers.google.com/open-source/licenses/bsd |
| 6 */ |
| 7 |
| 8 @media (max-width: 425px) { |
| 9 |
| 10 body { |
| 11 min-width: 0; /* get rid of hardcoded width */ |
| 12 } |
| 13 |
| 14 |
| 15 /* Top navigation bar */ |
| 16 |
| 17 #monobar .toptabs { |
| 18 display: none; /* hide most of the options to save some space */ |
| 19 } |
| 20 |
| 21 #userbar { |
| 22 padding: 5px; |
| 23 } |
| 24 |
| 25 #userbar > span { |
| 26 display: inline-flex; |
| 27 flex-wrap: wrap; |
| 28 } |
| 29 |
| 30 |
| 31 /* Search toolbar */ |
| 32 |
| 33 .subt { |
| 34 padding: 5px; |
| 35 } |
| 36 |
| 37 .subt .inIssueEntry, .subt .inIssueList { |
| 38 display: block; |
| 39 margin: 10px 0 !important; |
| 40 } |
| 41 |
| 42 .subt label[for="searchq"], .subt label[for="can"], #can { |
| 43 display: none; /* hide some labels and search scope helper field to save som
e space */ |
| 44 } |
| 45 |
| 46 |
| 47 /* Main content */ |
| 48 |
| 49 #maincol > div > form > table > tbody > tr { |
| 50 display: flex; |
| 51 flex-direction: column; |
| 52 } |
| 53 |
| 54 #maincol > div > form > table > tbody > tr > td { |
| 55 display: block; |
| 56 } |
| 57 |
| 58 #maincol table.rowmajor { |
| 59 display: flex; |
| 60 flex-direction: column; |
| 61 width: auto; /* get rid of hardcoded width */ |
| 62 max-width: 100%; |
| 63 } |
| 64 |
| 65 #maincol table.rowmajor tbody { |
| 66 flex-grow: 1; |
| 67 } |
| 68 |
| 69 #maincol table.rowmajor tr { |
| 70 display: flex; |
| 71 flex-direction: column; |
| 72 } |
| 73 |
| 74 #maincol table.rowmajor tr > th { |
| 75 text-align: left; |
| 76 } |
| 77 |
| 78 #maincol table.rowmajor tr > td { |
| 79 display: block; |
| 80 width: 90%; |
| 81 } |
| 82 |
| 83 #maincol input, #maincol select, #maincol textarea { |
| 84 font-size: 100%; |
| 85 width: 100%; |
| 86 margin-bottom: 8px; |
| 87 } |
| 88 |
| 89 #maincol .labelediting input { |
| 90 max-width: 19%; |
| 91 } |
| 92 |
| 93 #maincol div.tip { |
| 94 display: none; |
| 95 } |
| 96 |
| 97 |
| 98 /* Others */ |
| 99 |
| 100 #footer { |
| 101 display: flex; |
| 102 margin: 0 5px 5px 5px ; |
| 103 text-align: left; |
| 104 } |
| 105 |
| 106 #attachprompt { |
| 107 display: block; |
| 108 padding: 10px 0; |
| 109 } |
| 110 |
| 111 input[type="button"], input[type="submit"], a.buttonify { /* make all types of
buttons easier to click */ |
| 112 padding: 5px; |
| 113 } |
| 114 |
| 115 table#meta-container, |
| 116 table#meta-container > tbody > tr, |
| 117 table#meta-container > tbody > tr> td { |
| 118 display: block; |
| 119 width: 100%; |
| 120 } |
| 121 |
| 122 } |
OLD | NEW |