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

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

Issue 12039045: History: Fix RTL layout in grouped history and some other minor fixes. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 7 years, 11 months 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 | Annotate | Revision Log
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 body:not(.uber-frame) { 5 body:not(.uber-frame) {
6 color: rgb(48, 57, 66); 6 color: rgb(48, 57, 66);
7 margin: 0 8px 0 8px; 7 margin: 0 8px 0 8px;
8 } 8 }
9 9
10 #editing-controls, 10 #editing-controls,
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
94 /* The box should be no bigger than its parent. */ 94 /* The box should be no bigger than its parent. */
95 max-width: 100%; 95 max-width: 100%;
96 overflow: hidden; 96 overflow: hidden;
97 padding-bottom: 1px; 97 padding-bottom: 1px;
98 } 98 }
99 99
100 .site-domain-wrapper { 100 .site-domain-wrapper {
101 cursor: pointer; 101 cursor: pointer;
102 } 102 }
103 103
104 html[dir=rtl] .entry-box { 104 html[dir=rtl] .entry-box,
105 html[dir=rtl] .site-domain-wrapper {
105 float: right; /* To make the box shrink to fit its content. */ 106 float: right; /* To make the box shrink to fit its content. */
106 } 107 }
107 108
108 .day { 109 .day {
109 white-space: nowrap; 110 white-space: nowrap;
110 } 111 }
111 112
112 .search-results, 113 .search-results,
113 .day-results { 114 .day-results {
114 margin: 0 0 24px 0; 115 margin: 0 0 24px 0;
115 padding: 0; 116 padding: 0;
116 } 117 }
117 118
118 .site-results { 119 .site-results {
119 -webkit-transition: height 350ms ease-in-out; 120 -webkit-transition: height 350ms ease-in-out;
120 clear: left; 121 clear: left;
121 margin: 0; 122 margin: 0;
122 overflow: hidden; 123 overflow: hidden;
123 padding: 0; 124 padding: 0;
124 } 125 }
125 126
127 html[dir='rtl'] .site-results {
128 clear: right;
129 }
130
126 h2.timeframe { 131 h2.timeframe {
127 font-size: 1.5em; 132 font-size: 1.5em;
128 } 133 }
129 134
130 .snippet { 135 .snippet {
131 -webkit-box-orient: vertical; 136 -webkit-box-orient: vertical;
132 -webkit-line-clamp: 2; 137 -webkit-line-clamp: 2;
133 -webkit-margin-start: 110px; 138 -webkit-margin-start: 110px;
134 clear: both; 139 clear: both;
135 color: rgb(34, 34, 34); 140 color: rgb(34, 34, 34);
136 display: -webkit-box; 141 display: -webkit-box;
137 line-height: 1.6em; 142 line-height: 1.6em;
138 margin-bottom: 1em; 143 margin-bottom: 1em;
139 overflow: hidden; 144 overflow: hidden;
140 text-overflow: ellipsis; 145 text-overflow: ellipsis;
141 } 146 }
142 147
143 .entry .domain { 148 .entry .domain {
144 color: rgb(151, 156, 160); 149 color: rgb(151, 156, 160);
145 padding-left: 6px; 150 padding-left: 6px;
146 padding-right: 6px; 151 padding-right: 6px;
147 } 152 }
148 153
149 .site-results .domain { 154 .site-results .domain {
150 display: none; 155 display: none;
151 } 156 }
152 157
158
159 html[dir='rtl'] .number-visits {
160 direction: rtl;
161 unicode-bidi: embed;
162 }
163
153 .number-visits { 164 .number-visits {
154 color: rgb(151, 156, 160); 165 color: rgb(151, 156, 160);
155 } 166 }
156 167
157 .drop-down { 168 .drop-down {
158 -webkit-margin-end: 5px; 169 -webkit-margin-end: 5px;
159 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; 170 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px;
160 border: 1px solid rgb(192, 195, 198); 171 border: 1px solid rgb(192, 195, 198);
161 border-radius: 2px; 172 border-radius: 2px;
162 height: 12px; 173 height: 12px;
163 padding: 0; 174 padding: 0;
164 position: relative; 175 position: relative;
165 top: 2px; 176 top: 2px;
166 width: 12px; 177 width: 12px;
167 } 178 }
168 179
169 .drop-down:hover { 180 .drop-down:hover {
170 background-image: -webkit-canvas(drop-down-arrow-hover); 181 background-image: -webkit-canvas(drop-down-arrow-hover);
171 border-color: rgb(48, 57, 66); 182 border-color: rgb(48, 57, 66);
172 } 183 }
173 184
174 .drop-down[menu-shown], 185 .drop-down[menu-shown],
175 .drop-down:focus { 186 .drop-down:focus {
176 background-color: rgb(48, 57, 66); 187 background-color: rgb(48, 57, 66);
177 background-image: -webkit-canvas(drop-down-arrow-active); 188 background-image: -webkit-canvas(drop-down-arrow-active);
178 border-color: rgb(48, 57, 66); 189 border-color: rgb(48, 57, 66);
179 } 190 }
180 191
181 html[dir='rtl'] .entry .title { 192 html[dir='rtl'] .entry .title,
193 html[dir='rtl'] .site-domain {
182 /* Put the favicon on the right. */ 194 /* Put the favicon on the right. */
183 background-position-x: right; 195 background-position-x: right;
184 } 196 }
185 197
186 .entry .time { 198 .entry .time {
187 color: rgb(151, 156, 160); 199 color: rgb(151, 156, 160);
188 overflow: hidden; 200 overflow: hidden;
189 text-overflow: ellipsis; 201 text-overflow: ellipsis;
190 white-space: nowrap; 202 white-space: nowrap;
191 width: 90px; 203 width: 90px;
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
242 -webkit-padding-start: 20px; 254 -webkit-padding-start: 20px;
243 255
244 /* Control the favicon appearance. */ 256 /* Control the favicon appearance. */
245 background-position-y: 3px; 257 background-position-y: 3px;
246 background-repeat: no-repeat; 258 background-repeat: no-repeat;
247 background-size: 16px; 259 background-size: 16px;
248 } 260 }
249 261
250 .site-domain-arrow { 262 .site-domain-arrow {
251 -webkit-transition: -webkit-transform 300ms linear; 263 -webkit-transition: -webkit-transform 300ms linear;
252 color: #8F8F8F; 264 color: rgb(143, 143, 143);
253 height: 21px; 265 height: 21px;
254 margin-right: 2px; 266 margin-right: 2px;
255 text-align: center; 267 text-align: center;
256 width: 21px; 268 width: 21px;
257 } 269 }
258 270
259 .site-domain-arrow.collapse { 271 .site-domain-arrow.collapse {
260 -webkit-transform: rotate(0); 272 -webkit-transform: rotate(0);
261 } 273 }
262 274
263 .site-domain-arrow.expand { 275 .site-domain-arrow.expand {
264 -webkit-transform: rotate(90deg); 276 -webkit-transform: rotate(90deg);
265 } 277 }
266 278
279 html[dir='rtl'] .site-domain-arrow {
280 -webkit-transform: scaleX(-1);
281 }
282
283 html[dir='rtl'] .site-domain-arrow.expand {
284 -webkit-transform: scaleX(-1) rotate(90deg);
285 }
286
267 .entry .starred { 287 .entry .starred {
268 -webkit-margin-start: 4px; 288 -webkit-margin-start: 4px;
269 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep eat; 289 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep eat;
270 display: inline-block; 290 display: inline-block;
271 height: 11px; 291 height: 11px;
272 width: 11px; 292 width: 11px;
273 } 293 }
274 294
275 .entry .title > a { 295 .entry .title > a {
276 color: rgb(48, 57, 66); 296 color: rgb(48, 57, 66);
(...skipping 14 matching lines...) Expand all
291 } 311 }
292 312
293 .menu-button.drop-down { 313 .menu-button.drop-down {
294 position: relative; 314 position: relative;
295 top: 2px; 315 top: 2px;
296 } 316 }
297 317
298 #action-menu > :not(hr) { 318 #action-menu > :not(hr) {
299 line-height: 29px; 319 line-height: 29px;
300 } 320 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/history/history.js » ('j') | chrome/browser/resources/history/history.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698