Chromium Code Reviews Chromium Code Reviews
Issue 5271007:
UI Revamp + several fixes. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src/chrome/browser/resources| OLD | NEW |
|---|---|
| 1 .bug-report-label { | 1 .bug-report-label { |
| 2 text-align: start; | 2 text-align: start; |
| 3 vertical-align: text-top; | 3 vertical-align: text-top; |
| 4 font-weight: 300; | |
| 4 } | 5 } |
| 5 | 6 |
| 6 .bug-report-text { | 7 .bug-report-text { |
| 7 width: 40em; | 8 width: 40em; |
| 8 resize: none; | 9 } |
| 10 | |
| 11 .bug-report-dropdown { | |
| 12 width: 15em; | |
| 13 } | |
| 14 | |
| 15 .bug-report-table { | |
| 16 width: 40em; | |
| 17 border-spacing: 0px; | |
| 18 } | |
| 19 | |
| 20 .bug-report-field { | |
| 21 width: 22em; | |
| 22 border-style: solid; | |
| 23 border-width: 1px; | |
| 24 } | |
| 25 | |
| 26 .bug-report-fieldlabel { | |
| 27 width: 13em; | |
| 28 font-weight: 300; | |
| 9 } | 29 } |
| 10 | 30 |
| 11 .bug-report-button { | 31 .bug-report-button { |
| 12 width: 8em; | 32 |
| 13 } | 33 } |
| 14 | 34 |
| 15 hr { | 35 hr { |
| 16 border: none; | 36 border: none; |
| 17 height: 1px; | 37 height: 1px; |
| 18 background: #cccccc; | 38 background: #cccccc; |
| 19 margin-top: 10px; | 39 margin-top: 10px; |
| 20 margin-bottom: 10px; | 40 margin-bottom: 10px; |
| 21 width: 33.5em; | 41 width: 40em; |
| 22 } | 42 } |
| 23 | 43 |
| 24 .thumbnail-list { | 44 .thumbnail-list { |
| 25 -webkit-margin-start: 1em; | 45 -webkit-margin-start: 1em; |
| 26 width: 33.5em; | 46 width: 33.5em; |
| 27 display: block; | 47 display: block; |
| 28 margin-top: 0.5em; | 48 margin-top: 0.5em; |
| 29 margin-bottom: 1em; | 49 margin-bottom: 1em; |
| 30 } | 50 } |
| 31 | 51 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 63 .image-thumbnail:hover { | 83 .image-thumbnail:hover { |
| 64 z-index: 2; | 84 z-index: 2; |
| 65 } | 85 } |
| 66 | 86 |
| 67 .image-thumbnail div { | 87 .image-thumbnail div { |
| 68 display: none; | 88 display: none; |
| 69 } | 89 } |
| 70 | 90 |
| 71 .image-thumbnail img { | 91 .image-thumbnail img { |
| 72 display: block; | 92 display: block; |
| 73 width: 75px; | 93 width: 200px; |
| 74 } | 94 } |
| 75 | 95 |
| 76 .image-thumbnail:hover div { | 96 .image-thumbnail:hover div { |
| 77 display: block; | 97 display: block; |
| 78 position: absolute; | 98 position: absolute; |
| 79 top: 130%; | 99 top: 130%; |
| 80 left:0; | 100 left: 0; |
| 81 padding: 1px; | 101 padding: 1px; |
| 82 border: 1px dashed blue; | 102 border: 1px dashed blue; |
| 83 background-color: transparent; | 103 background-color: transparent; |
| 84 text-align: center | 104 text-align: center |
| 85 } | 105 } |
| 86 | 106 |
| 87 .image-thumbnail:hover div img { | 107 .image-thumbnail:hover div img { |
| 88 position: absolute; | 108 position: absolute; |
| 89 width: 400px; | 109 width: 400px; |
| 90 } | 110 } |
| 91 | 111 |
| 112 .image-thumbnail-current { | |
| 113 position: relative; | |
| 114 z-index: 1; | |
| 115 display: inline-block; | |
| 116 padding: 0px; | |
| 117 border: 2px solid white; | |
| 118 } | |
| 119 | |
| 120 .image-thumbnail-current:hover { | |
| 121 z-index: 2; | |
| 122 } | |
| 123 | |
| 124 .image-thumbnail-current div { | |
| 125 display: none; | |
| 126 } | |
| 127 | |
| 128 .image-thumbnail-current img { | |
| 129 display: block; | |
| 130 width: 200px; | |
| 131 } | |
| 132 | |
| 133 .image-thumbnail-current:hover div { | |
| 134 display: block; | |
| 135 position: absolute; | |
| 136 top: 130%; | |
| 137 left: 0; | |
| 138 padding: 1px; | |
| 139 border: 1px dashed blue; | |
| 140 background-color: transparent; | |
| 141 text-align: center | |
| 142 } | |
| 143 | |
| 144 .image-thumbnail-current:hover div img { | |
| 145 position: absolute; | |
| 146 width: 400px; | |
| 147 padding: 2px; | |
| 148 border: 1px dashed blue; | |
| 149 } | |
| 150 | |
| 92 th { | 151 th { |
| 93 padding-top: 10px; | 152 padding-top: 10px; |
| 94 color: #233478; | 153 font-weight: normal; |
| 95 } | |
| 96 | |
| 97 #main-panel { | |
| 98 display: -webkit-box; | |
| 99 } | 154 } |
| 100 | 155 |
| 101 .formpane { | 156 .formpane { |
| 102 margin-right: 20px; | 157 margin-right: 20px; |
| 103 } | 158 } |
| 104 | 159 |
| 105 body { | 160 .bug-report-input { |
| 106 -webkit-user-select: none; | 161 border-style: solid; |
| 162 border-width: 1px; | |
| 107 } | 163 } |
| 164 | |
| 165 #user-email-text { | |
| 166 border: none; | |
| 167 } | |
| 168 | |
| 169 #buttons-pane { | |
| 170 padding: 0px 0px; | |
|
arv (Not doing code reviews)
2010/11/29 23:20:34
padding: 0;
| |
| 171 } | |
| 172 | |
| 173 #privacy-note { | |
| 174 -webkit-padding-start: 24px; | |
| 175 -webkit-padding-end: 24px; | |
| 176 padding-top: 24px; | |
| 177 padding-bottom: 34px; | |
| 178 text-align: start; | |
| 179 font-size: 70%; | |
| 180 font-weight: normal; | |
| 181 color: #53627d; | |
| 182 margin: 0; | |
| 183 width: 47em; | |
| 184 } | |
| OLD | NEW |
