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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 5217005: RTL HTML/CSS clean-up with -webkit-foo-{start,end}... (Closed) Base URL: svn://chrome-svn/chrome/trunk/src/
Patch Set: '' Created 10 years, 1 month 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
« no previous file with comments | « chrome/browser/resources/dom_ui2.css ('k') | chrome/browser/resources/extensions_ui.html » ('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/downloads_favicon.png"> 6 <link rel="icon" href="../../app/theme/downloads_favicon.png">
7 <style> 7 <style>
8 body { 8 body {
9 background-color: white; 9 background-color: white;
10 color: black; 10 color: black;
11 margin: 10px; 11 margin: 10px;
12 } 12 }
13 13
14 .header { 14 .header {
15 overflow: auto; 15 overflow: auto;
16 clear: both; 16 clear: both;
17 } 17 }
18 18
19 .header .logo { 19 .header .logo {
20 float: left; 20 float: left;
21 } 21 }
22 22
23 .header .form { 23 .header .form {
24 float: left; 24 float: left;
25 margin-top: 22px; 25 margin-top: 22px;
26 margin-left: 12px; 26 -webkit-margin-start: 12px;
27 } 27 }
28 28
29 html[dir=rtl] .logo { 29 html[dir=rtl] .logo, html[dir=rtl] .form {
30 float: right; 30 float: right;
31 } 31 }
32 32
33 html[dir=rtl] .form {
34 float: right;
35 margin-right: 12px;
36 }
37
38 #downloads-summary { 33 #downloads-summary {
39 margin-top: 12px; 34 margin-top: 12px;
40 border-top: 1px solid #9cc2ef; 35 border-top: 1px solid #9cc2ef;
41 background-color: #ebeff9; 36 background-color: #ebeff9;
42 padding: 3px; 37 padding: 3px;
43 margin-bottom: 6px; 38 margin-bottom: 6px;
44 } 39 }
45 40
46 #downloads-summary-text { 41 #downloads-summary-text {
47 font-weight: bold; 42 font-weight: bold;
48 } 43 }
49 44
50 #downloads-summary > a { 45 #downloads-summary > a {
51 float: right; 46 float: right;
52 } 47 }
53 48
54 html[dir=rtl] #downloads-summary > a { 49 html[dir=rtl] #downloads-summary > a {
55 float: left; 50 float: left;
56 } 51 }
57 52
58 #downloads-display { 53 #downloads-display {
59 max-width: 740px; 54 max-width: 740px;
60 } 55 }
61 56
62 .download { 57 .download {
63 position: relative; 58 position: relative;
64 margin-top: 6px; 59 margin-top: 6px;
65 margin-left: 114px; 60 -webkit-margin-start: 114px;
66 padding-left: 56px; 61 -webkit-padding-start: 56px;
67 margin-bottom: 15px; 62 margin-bottom: 15px;
68 } 63 }
69 64
70 html[dir=rtl] .download {
71 padding-left: 0px;
72 margin-left: 0px;
73 margin-right: 114px;
74 padding-right: 56px;
75 }
76
77 .date-container { 65 .date-container {
78 position: absolute; 66 position: absolute;
79 left: -110px; 67 left: -110px;
80 width: 110px; 68 width: 110px;
81 } 69 }
82 70
83 html[dir=rtl] .date-container { 71 html[dir=rtl] .date-container {
84 left: auto; 72 left: auto;
85 right: -110px; 73 right: -110px;
86 } 74 }
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
139 .progress.background { 127 .progress.background {
140 background: url('../../app/theme/download_progress_background32.png'); 128 background: url('../../app/theme/download_progress_background32.png');
141 } 129 }
142 130
143 .progress.foreground { 131 .progress.foreground {
144 background: url('../../app/theme/download_progress_foreground32.png'); 132 background: url('../../app/theme/download_progress_foreground32.png');
145 } 133 }
146 134
147 .name { 135 .name {
148 display: none; 136 display: none;
149 padding-right: 16px; 137 -webkit-padding-end: 16px;
150 max-width: 450px; 138 max-width: 450px;
151 word-break: break-all; 139 word-break: break-all;
152 } 140 }
153 141
154 html[dir=rtl] .name {
155 padding-right: 0px;
156 padding-left: 16px;
157 }
158
159 .download .status { 142 .download .status {
160 display: inline; 143 display: inline;
161 color: #999; 144 color: #999;
162 white-space: nowrap; 145 white-space: nowrap;
163 } 146 }
164 147
165 .download .url { 148 .download .url {
166 color: #080; 149 color: #080;
167 max-width: 500px; 150 max-width: 500px;
168 white-space: nowrap; 151 white-space: nowrap;
(...skipping 597 matching lines...) Expand 10 before | Expand all | Expand 10 after
766 <div id="downloads-summary"> 749 <div id="downloads-summary">
767 <span id="downloads-summary-text" i18n-content="downloads">Downloads</span> 750 <span id="downloads-summary-text" i18n-content="downloads">Downloads</span>
768 <a id="clear-all" href="" onclick="clearAll();" i18n-content="clear_all">Cle ar All</a> 751 <a id="clear-all" href="" onclick="clearAll();" i18n-content="clear_all">Cle ar All</a>
769 </div> 752 </div>
770 <div id="downloads-display"></div> 753 <div id="downloads-display"></div>
771 </div> 754 </div>
772 <div class="footer"> 755 <div class="footer">
773 </div> 756 </div>
774 </body> 757 </body>
775 </html> 758 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/dom_ui2.css ('k') | chrome/browser/resources/extensions_ui.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698