Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(442)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/history.html

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

Powered by Google App Engine
This is Rietveld 408576698