| OLD | NEW |
|---|
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html i18n-values="dir:textdirection;"> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title i18n-content="title"></title> | |
| 6 <link rel="icon" href="../../app/theme/history_favicon.png"> | |
| 7 | |
| 8 <link rel="stylesheet" href="chrome://resources/css/menu.css"> | |
| 9 | |
| 10 <script src="chrome://resources/js/event_tracker.js"></script> | |
| 11 <script src="chrome://resources/js/cr.js"></script> | |
| 12 <script src="chrome://resources/js/cr/ui.js"></script> | |
| 13 <script src="chrome://resources/js/cr/ui/command.js"></script> | |
| 14 <script src="chrome://resources/js/cr/ui/menu_item.js"></script> | |
| 15 <script src="chrome://resources/js/cr/ui/menu.js"></script> | |
| 16 <script src="chrome://resources/js/cr/ui/position_util.js"></script> | |
| 17 <script src="chrome://resources/js/cr/ui/menu_button.js"></script> | |
| 18 | |
| 19 <script src="chrome://resources/js/local_strings.js"></script> | |
| 20 | |
| 21 <script src="chrome://history2/history2.js"></script> | |
| 22 <script src="chrome://history2/strings.js"></script> | |
| 23 | |
| 24 <link rel="stylesheet" href="old_webui.css"> | |
| 25 | |
| 26 <style> | |
| 27 #results-separator { | |
| 28 margin-top:12px; | |
| 29 border-top:1px solid #9cc2ef; | |
| 30 background-color:#ebeff9; | |
| 31 font-weight:bold; | |
| 32 padding:3px; | |
| 33 margin-bottom:-8px; | |
| 34 } | |
| 35 | |
| 36 #results-separator table { | |
| 37 width: 100%; | |
| 38 } | |
| 39 | |
| 40 #results-summary { | |
| 41 overflow: hidden; | |
| 42 white-space: nowrap; | |
| 43 text-overflow: ellipsis; | |
| 44 width: 50%; | |
| 45 } | |
| 46 | |
| 47 #editing-controls button { | |
| 48 margin: 18px 0 -8px 0; | |
| 49 } | |
| 50 | |
| 51 #results-display { | |
| 52 max-width: 740px; | |
| 53 margin: 16px 0 0 0; | |
| 54 } | |
| 55 | |
| 56 .day { | |
| 57 color: #6a6a6a; | |
| 58 font-weight: bold; | |
| 59 margin: 0 0 4px 0; | |
| 60 text-transform: uppercase; | |
| 61 font-size: 13px; | |
| 62 } | |
| 63 | |
| 64 .edit-button { | |
| 65 display: inline; | |
| 66 -webkit-appearance: none; | |
| 67 background: none; | |
| 68 border: 0; | |
| 69 color: blue; /* -webkit-link makes it purple :'( */ | |
| 70 cursor: pointer; | |
| 71 text-decoration: underline; | |
| 72 padding:0px 9px; | |
| 73 display:inline-block; | |
| 74 font:inherit; | |
| 75 } | |
| 76 | |
| 77 .gap, | |
| 78 .entry, | |
| 79 .no-entries { | |
| 80 margin: 0; | |
| 81 padding: 0; | |
| 82 list-style: none; | |
| 83 } | |
| 84 .gap { | |
| 85 width: 35px; | |
| 86 -webkit-border-end: 1px solid #ddd; | |
| 87 height: 14px; | |
| 88 } | |
| 89 | |
| 90 .entry { | |
| 91 overflow: auto; /* Make sure it's at least as large as its children. */ | |
| 92 } | |
| 93 | |
| 94 .entry-box { | |
| 95 cursor: default; | |
| 96 line-height: 1.6em; | |
| 97 | |
| 98 display: -webkit-box; | |
| 99 -webkit-box-orient: horizontal; | |
| 100 max-width: 100%; /* Don't allow it to be bigger than its parent... */ | |
| 101 float: left; /* ..but make the box shrink to fit its content. */ | |
| 102 overflow: hidden; | |
| 103 } | |
| 104 | |
| 105 html[dir=rtl] .entry-box { | |
| 106 float: right; /* To make the box shrink to fit its content. */ | |
| 107 } | |
| 108 | |
| 109 .search-results, .day-results { | |
| 110 margin: 0 0 24px 0; | |
| 111 padding: 0; | |
| 112 } | |
| 113 | |
| 114 .snippet { | |
| 115 font-size: 12px; | |
| 116 line-height: 1.6em; | |
| 117 margin-bottom: 12px; | |
| 118 -webkit-margin-start: 90px; /* Align it with .domain. */ | |
| 119 clear: both; | |
| 120 } | |
| 121 | |
| 122 .entry .domain { | |
| 123 color: #282; | |
| 124 -webkit-padding-start: 20px; | |
| 125 -webkit-padding-end: 8px; | |
| 126 background-repeat: no-repeat; | |
| 127 background-position-y: center; | |
| 128 } | |
| 129 | |
| 130 .drop-down { | |
| 131 background: #fff -webkit-canvas(drop-down-arrow) no-repeat center center; | |
| 132 border: 1px solid hsl(214, 91%, 85%); | |
| 133 border-radius: 2px; | |
| 134 width: 13px; | |
| 135 height: 13px; | |
| 136 -webkit-margin-start: 8px; | |
| 137 -webkit-margin-end: 4px; | |
| 138 position: relative; | |
| 139 top: 2px; | |
| 140 } | |
| 141 | |
| 142 .drop-down:hover { | |
| 143 border-color: #6A86DE; | |
| 144 background-image: -webkit-canvas(drop-down-arrow-hover); | |
| 145 } | |
| 146 | |
| 147 .drop-down[menu-shown], .drop-down:focus { | |
| 148 border-color: #6A86DE; | |
| 149 background-color: #6A86DE; | |
| 150 background-image: -webkit-canvas(drop-down-arrow-active); | |
| 151 } | |
| 152 | |
| 153 html[dir='rtl'] .entry .domain { | |
| 154 background-position-x: right; | |
| 155 } | |
| 156 | |
| 157 .entry .time { | |
| 158 color:#9a9a9a; | |
| 159 width: 90px; | |
| 160 } | |
| 161 | |
| 162 .entry input[type=checkbox] { | |
| 163 position: relative; | |
| 164 top: 1px; | |
| 165 } | |
| 166 | |
| 167 /* Checkboxes are shown when checked or focused, or when the entry is hovered. | |
| 168 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ | |
| 169 .entry input[type=checkbox]:not(:checked) { | |
| 170 opacity: 0; | |
| 171 -webkit-transition: opacity 150ms; | |
| 172 } | |
| 173 | |
| 174 .entry-box:hover input[type=checkbox], | |
| 175 .entry-box input[type=checkbox]:focus { | |
| 176 opacity: 1; | |
| 177 } | |
| 178 | |
| 179 .entry-box input[type=checkbox]:focus { | |
| 180 -webkit-transition: opacity 150ms; | |
| 181 } | |
| 182 | |
| 183 .entry-box { | |
| 184 background-color: none; | |
| 185 -webkit-transition: background-color 150ms; | |
| 186 } | |
| 187 | |
| 188 .entry-box:hover, .entry-box.contains-focus { | |
| 189 background-color: #e4ecf7; | |
| 190 border-radius: 2px; | |
| 191 } | |
| 192 .entry .title { | |
| 193 -webkit-box-flex: 1; | |
| 194 overflow: hidden; | |
| 195 white-space: nowrap; | |
| 196 text-overflow: ellipsis; | |
| 197 } | |
| 198 | |
| 199 .entry .title > .starred { | |
| 200 background:url('shared/images/star_small.png'); | |
| 201 background-repeat:no-repeat; | |
| 202 display:inline-block; | |
| 203 -webkit-margin-start: 4px; | |
| 204 width:11px; | |
| 205 height:11px; | |
| 206 } | |
| 207 | |
| 208 .entry .title > a { | |
| 209 color: #11c; | |
| 210 text-decoration: none; | |
| 211 } | |
| 212 | |
| 213 .entry .title > a.to-be-removed { | |
| 214 text-decoration: line-through; | |
| 215 } | |
| 216 | |
| 217 .entry .title > a:hover { | |
| 218 text-decoration: underline; | |
| 219 } | |
| 220 | |
| 221 /* Since all history links are visited, we can make them blue. */ | |
| 222 .entry .title > a:visted { | |
| 223 color: #11c; | |
| 224 } | |
| 225 | |
| 226 .fade-out { | |
| 227 opacity: 0; | |
| 228 -webkit-transition: opacity 200ms; | |
| 229 } | |
| 230 </style> | |
| 231 </head> | |
| 232 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> | |
| 233 <div class="header"> | |
| 234 <a id="history-section" href=""> | |
| 235 <img src="shared/images/history_section.png" | |
| 236 width="67" height="67" class="logo" border="0"></a> | |
| 237 <form id="search-form" method="post" action="" class="form"> | |
| 238 <input type="text" name="term" id="term"> | |
| 239 <input type="submit" name="submit" i18n-values="value:searchbutton"> | |
| 240 </form> | |
| 241 </div> | |
| 242 <div class="main"> | |
| 243 <div id="results-separator"> | |
| 244 <table border="0" cellPadding="0" cellSpacing="0"> | |
| 245 <tr><td id="results-summary"></td><td id="edit-button"><p></p></td></tr> | |
| 246 </table> | |
| 247 </div> | |
| 248 <div id="editing-controls"> | |
| 249 <button id="clear-browsing-data" i18n-content="clearallhistory"></button> | |
| 250 <button id="remove-selected" | |
| 251 disabled="disabled" | |
| 252 i18n-content="removeselected"></button> | |
| 253 </div> | |
| 254 <div id="results-display"></div> | |
| 255 <div id="results-pagination"></div> | |
| 256 </div> | |
| 257 <div class="footer"> | |
| 258 </div> | |
| 259 | |
| 260 <menu id="action-menu"> | |
| 261 <button id="more-from-site" i18n-content="moreFromSite"></button> | |
| 262 <button id="remove-page" i18n-content="removeFromHistory"></button> | |
| 263 </menu> | |
| 264 | |
| 265 <script src="chrome://resources/js/i18n_template.js"></script> | |
| 266 <script src="chrome://resources/js/i18n_process.js"></script> | |
| 267 </body> | |
| 268 </html> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 8511055:
Remove old history UI, and replace with history2. (Closed)
Base URL: http://git.chromium.org/chromium/src.git@master