| OLD | NEW |
|---|
| 1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
| 2 <html> | 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 <style> | 6 <style> |
| 7 body { | 7 body { |
| 8 font-size: 87%; | |
| 9 font-family: Helvetica, Arial, sans-serif; | |
| 10 margin: 10px; | 8 margin: 10px; |
| 11 min-width: 47em; | 9 min-width: 47em; |
| 12 } | 10 } |
| 13 | 11 |
| 14 a { | 12 a { |
| 15 color: blue; | 13 color: blue; |
| 16 font-size: 100%; | 14 font-size: 103%; |
| 17 } | 15 } |
| 18 | 16 |
| 19 div#header { | 17 div#header { |
| 20 margin-bottom: 1.05em; | 18 margin-bottom: 1.05em; |
| 21 overflow: hidden; | 19 overflow: hidden; |
| 22 padding-bottom: 1.5em; | 20 padding-bottom: 1.5em; |
| 23 padding-left: 0; | 21 padding-left: 0; |
| 24 padding-top: 1.5em; | 22 padding-top: 1.5em; |
| 25 position: relative; | 23 position: relative; |
| 26 } | 24 } |
| 25 |
| 26 html[dir='rtl'] div#header { |
| 27 padding-right: 0; |
| 28 } |
| 29 |
| 27 div#header h1 { | 30 div#header h1 { |
| 28 background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat; | 31 background: url('../../app/theme/extensions_section.png') 0px 20px no-repeat; |
| 29 display: inline; | 32 display: inline; |
| 30 margin: 0; | 33 margin: 0; |
| 31 padding-bottom: 43px; | 34 padding-bottom: 43px; |
| 32 padding-left: 75px; | 35 padding-left: 75px; |
| 33 padding-top: 40px; | 36 padding-top: 40px; |
| 34 } | 37 } |
| 38 html[dir='rtl'] div#header h1 { |
| 39 background: url('../../app/theme/extensions_section.png') right no-repeat; |
| 40 padding-right: 95px; |
| 41 padding-left: 0; |
| 42 } |
| 35 | 43 |
| 36 h1 { | 44 h1 { |
| 37 font-size: 150%; | 45 font-size: 156%; |
| 38 font-weight: bold; | 46 font-weight: bold; |
| 39 padding: 0; | 47 padding: 0; |
| 40 margin: 0; | 48 margin: 0; |
| 41 } | 49 } |
| 42 | 50 |
| 43 div.content { | 51 div.content { |
| 44 font-size: 84%; | 52 font-size: 88%; |
| 45 margin-top: 5px; | 53 margin-top: 5px; |
| 46 } | 54 } |
| 47 | 55 |
| 48 .section-header { | 56 .section-header { |
| 49 background: #ebeff9; | 57 background: #ebeff9; |
| 50 border-top: 1px solid #b5c7de; | 58 border-top: 1px solid #b5c7de; |
| 51 font-size: 95%; | 59 font-size: 99%; |
| 52 padding-bottom: 2px; | 60 padding-bottom: 2px; |
| 53 padding-left: 5px; | 61 padding-left: 5px; |
| 54 padding-top: 3px; | 62 padding-top: 3px; |
| 55 width: 100%; | 63 width: 100%; |
| 56 } | 64 } |
| 57 | 65 |
| 66 html[dir='rtl'] .section-header { |
| 67 padding-right: 5px; |
| 68 padding-left: 0; |
| 69 } |
| 70 |
| 58 .section-header-title { | 71 .section-header-title { |
| 59 font-weight: bold; | 72 font-weight: bold; |
| 60 } | 73 } |
| 61 | 74 |
| 62 .vbox-container { | 75 .vbox-container { |
| 63 display: -webkit-box; | 76 display: -webkit-box; |
| 64 -webkit-box-orient: vertical; | 77 -webkit-box-orient: vertical; |
| 65 } | 78 } |
| 66 | 79 |
| 67 .wbox { | 80 .wbox { |
| (...skipping 29 matching lines...) Expand all Loading... |
| 97 .wbox-dev-mode { | 110 .wbox-dev-mode { |
| 98 -webkit-box-align: stretch; | 111 -webkit-box-align: stretch; |
| 99 -webkit-box-flex: 1; | 112 -webkit-box-flex: 1; |
| 100 } | 113 } |
| 101 | 114 |
| 102 .developer-mode-image { | 115 .developer-mode-image { |
| 103 margin-top: 2px; | 116 margin-top: 2px; |
| 104 } | 117 } |
| 105 | 118 |
| 106 .developer-mode-link { | 119 .developer-mode-link { |
| 107 font-size: 100%; | |
| 108 margin-right: 3px; | 120 margin-right: 3px; |
| 109 white-space: nowrap; | 121 white-space: nowrap; |
| 110 } | 122 } |
| 111 | 123 |
| 124 .developer-mode-link a { |
| 125 font-size: 97%; |
| 126 } |
| 127 |
| 112 .developer-mode { | 128 .developer-mode { |
| 113 background: #f4f6fc; | 129 background: #f4f6fc; |
| 114 border-bottom: 1px solid #edeff5; | 130 border-bottom: 1px solid #edeff5; |
| 115 font-size: 85%; | 131 font-size: 89%; |
| 116 padding-bottom: 0.8em; | 132 padding-bottom: 0.8em; |
| 117 padding-left: 10px; | 133 padding-left: 10px; |
| 118 padding-top: 0.8em; | 134 padding-top: 0.8em; |
| 119 width: 100%; | 135 width: 100%; |
| 120 } | 136 } |
| 137 html[dir='rtl'] .developer-mode { |
| 138 padding-right: 10px; |
| 139 padding-left: 0; |
| 140 } |
| 121 | 141 |
| 122 .extension_disabled td { | 142 .extension_disabled td { |
| 123 background: url('gray.png') 0px 0px; | 143 background: url('gray.png') 0px 0px; |
| 124 color: #a0a0a0; | 144 color: #a0a0a0; |
| 125 padding-bottom: 4px; | 145 padding-bottom: 4px; |
| 126 padding-top: 5px; | 146 padding-top: 5px; |
| 127 } | 147 } |
| 128 | 148 |
| 129 .extension_enabled td { | 149 .extension_enabled td { |
| 130 padding-bottom: 4px; | 150 padding-bottom: 4px; |
| (...skipping 18 matching lines...) Expand all Loading... |
| 149 margin-top: 1em; | 169 margin-top: 1em; |
| 150 font-weight :normal; | 170 font-weight :normal; |
| 151 } | 171 } |
| 152 | 172 |
| 153 #get-moar-extensions { | 173 #get-moar-extensions { |
| 154 margin-top: 1em; | 174 margin-top: 1em; |
| 155 text-align: right; | 175 text-align: right; |
| 156 font-weight: bold; | 176 font-weight: bold; |
| 157 } | 177 } |
| 158 | 178 |
| 179 html[dir='rtl'] #get-moar-extensions { |
| 180 text-align: left; |
| 181 } |
| 182 |
| 159 .extension-description { | 183 .extension-description { |
| 160 margin-top: 0.4em; | 184 margin-top: 0.4em; |
| 161 } | 185 } |
| 162 | 186 |
| 163 .extension-details { | 187 .extension-details { |
| 164 margin-top: 0.5em; | 188 margin-top: 0.5em; |
| 165 } | 189 } |
| 166 | 190 |
| 167 .extension-actions { | 191 .extension-actions { |
| 168 float: right; | 192 float: right; |
| 169 } | 193 } |
| 170 | 194 |
| 195 html[dir='rtl'] .extension-actions { |
| 196 float: left; |
| 197 } |
| 198 |
| 199 .extension-actions-div { |
| 200 text-align: right; |
| 201 } |
| 202 |
| 203 html[dir='rtl'] .extension-actions-div { |
| 204 text-align: left; |
| 205 } |
| 206 |
| 207 .extension-options-cell { |
| 208 text-align: right; |
| 209 } |
| 210 |
| 211 html[dir='rtl'] .extension-options-cell { |
| 212 text-align: left; |
| 213 } |
| 214 |
| 171 .extension-views { | 215 .extension-views { |
| 172 margin: 0 0 0; | 216 margin: 0 0 0; |
| 173 margin-left: 2ex; | 217 margin-left: 2ex; |
| 174 padding: 0; | 218 padding: 0; |
| 175 list-style-type: none; | 219 list-style-type: none; |
| 176 } | 220 } |
| 177 | 221 |
| 222 html[dir='rtl'] .extension-views { |
| 223 margin: 0 2ex 0 0; |
| 224 } |
| 225 |
| 178 button { | 226 button { |
| 179 font-size: 100%; | 227 font-size: 104%; |
| 180 } | 228 } |
| 181 | 229 |
| 182 #dialogBackground, #dialogBackground div { | 230 #dialogBackground, #dialogBackground div { |
| 183 display: -webkit-box; | 231 display: -webkit-box; |
| 184 -webkit-box-align: center; | 232 -webkit-box-align: center; |
| 185 } | 233 } |
| 186 | 234 |
| 187 #dialog input[type="button"] { | 235 #dialog input[type="button"] { |
| 188 font-size: 12px; | 236 font-size: 12px; |
| 189 height: 25px; | 237 height: 25px; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 202 height: 100%; | 250 height: 100%; |
| 203 left: 0; | 251 left: 0; |
| 204 position: fixed; | 252 position: fixed; |
| 205 top: 0; | 253 top: 0; |
| 206 width: 100%; | 254 width: 100%; |
| 207 z-index: 1; | 255 z-index: 1; |
| 208 -webkit-box-orient: vertical; | 256 -webkit-box-orient: vertical; |
| 209 -webkit-user-select:none; | 257 -webkit-user-select:none; |
| 210 } | 258 } |
| 211 | 259 |
| 260 html[dir='rtl'] #dialogBackground { |
| 261 right: 0; |
| 262 left: auto; |
| 263 } |
| 264 |
| 212 #dialogHBackground { | 265 #dialogHBackground { |
| 213 height: 100%; | 266 height: 100%; |
| 214 -webkit-box-orient: horizontal; | 267 -webkit-box-orient: horizontal; |
| 215 } | 268 } |
| 216 | 269 |
| 270 |
| 217 #dialog { | 271 #dialog { |
| 218 background-color: #5296DE; | 272 background-color: #5296DE; |
| 219 border: 1px solid #3A75BD; | 273 border: 1px solid #3A75BD; |
| 220 border-radius: 6px 6px; | 274 border-radius: 6px 6px; |
| 221 font-size: 12px; | 275 font-size: 12px; |
| 222 width: 500px; | 276 width: 500px; |
| 223 -webkit-box-orient: vertical; | 277 -webkit-box-orient: vertical; |
| 224 } | 278 } |
| 225 | 279 |
| 280 html[dir='rtl'] #dialog { |
| 281 font-size: 13px; |
| 282 } |
| 283 |
| 226 #dialogHeader { | 284 #dialogHeader { |
| 227 background-color: rgba(0,0,0,0); | 285 background-color: rgba(0,0,0,0); |
| 228 color: white; | 286 color: white; |
| 229 margin: 4px; | 287 margin: 4px; |
| 230 width: 100%; | 288 width: 100%; |
| 231 } | 289 } |
| 232 | 290 |
| 291 html[dir='rtl'] #dialogHeader { |
| 292 margin-left: -20px; |
| 293 } |
| 294 |
| 233 #dialogBody { | 295 #dialogBody { |
| 234 background-color: rgb(240, 240, 240); | 296 background-color: rgb(240, 240, 240); |
| 235 border: 1px solid #3A75BD; | 297 border: 1px solid #3A75BD; |
| 236 border-bottom-left-radius: 4px 4px; | 298 border-bottom-left-radius: 4px 4px; |
| 237 border-bottom-right-radius: 4px 4px; | 299 border-bottom-right-radius: 4px 4px; |
| 238 margin: 0px 2px 2px 2px; | 300 margin: 0px 2px 2px 2px; |
| 239 -webkit-box-orient: vertical; | 301 -webkit-box-orient: vertical; |
| 240 } | 302 } |
| 241 | 303 |
| 242 #dialogContentHeader { | 304 #dialogContentHeader { |
| 243 margin: 16px; | 305 margin: 16px; |
| 244 } | 306 } |
| 245 | 307 |
| 246 .dialogBrowseRow { | 308 .dialogBrowseRow { |
| 247 margin-left: -24px; | 309 margin-left: -24px; |
| 248 width: 100%; | 310 width: 100%; |
| 249 -webkit-box-orient: horizontal; | 311 -webkit-box-orient: horizontal; |
| 250 -webkit-box-pack: end; | 312 -webkit-box-pack: end; |
| 251 } | 313 } |
| 252 | 314 |
| 315 html[dir='rtl'] .dialogBrowseRow { |
| 316 margin-right: -24px; |
| 317 /* margin-left: 0px; */ |
| 318 } |
| 319 |
| 253 .dialogBrowseRow>* { | 320 .dialogBrowseRow>* { |
| 254 margin: 2px | 321 margin: 2px |
| 255 } | 322 } |
| 256 | 323 |
| 257 #dialogContentFooter { | 324 #dialogContentFooter { |
| 258 margin-bottom: 6px; | 325 margin-bottom: 6px; |
| 259 margin-left: -12px; | 326 margin-left: -12px; |
| 260 margin-top: 20px; | 327 margin-top: 20px; |
| 261 } | 328 } |
| 262 | 329 |
| 330 html[dir='rtl'] #dialogContentFooter { |
| 331 margin-right: -12px; |
| 332 margin-left: 0px; |
| 333 } |
| 334 |
| 263 </style> | 335 </style> |
| 264 <script> | 336 <script> |
| 265 /** | 337 /** |
| 266 * This variable structure is here to document the structure that the template | 338 * This variable structure is here to document the structure that the template |
| 267 * expects to correctly populate the page. | 339 * expects to correctly populate the page. |
| 268 */ | 340 */ |
| 269 var extensionDataFormat = { | 341 var extensionDataFormat = { |
| 270 "developerMode": false, | 342 "developerMode": false, |
| 271 "extensions": [ | 343 "extensions": [ |
| 272 { | 344 { |
| (...skipping 299 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 572 | 644 |
| 573 /** | 645 /** |
| 574 * Handles the "Update extensions now" button being pressed. | 646 * Handles the "Update extensions now" button being pressed. |
| 575 */ | 647 */ |
| 576 function autoUpdate() { | 648 function autoUpdate() { |
| 577 chrome.send('autoupdate', []); | 649 chrome.send('autoupdate', []); |
| 578 } | 650 } |
| 579 | 651 |
| 580 </script> | 652 </script> |
| 581 </head> | 653 </head> |
| 582 <body onload="requestExtensionsData();"> | 654 <body onload="requestExtensionsData();" |
| 655 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| 583 <div id="dialogBackground"> | 656 <div id="dialogBackground"> |
| 584 <div id="dialogHBackground"> | 657 <div id="dialogHBackground"> |
| 585 <div id="dialog"> | 658 <div id="dialog"> |
| 586 <div id="dialogHeader" i18n-content="packDialogTitle"> | 659 <div id="dialogHeader" i18n-content="packDialogTitle"> |
| 587 PACK EXTENSION | 660 PACK EXTENSION |
| 588 </div> | 661 </div> |
| 589 <div id="dialogBody"> | 662 <div id="dialogBody"> |
| 590 <div id="dialogContentHeader" i18n-content="packDialogHeading"> | 663 <div id="dialogContentHeader" i18n-content="packDialogHeading"> |
| 591 HEADING | 664 HEADING |
| 592 </div> | 665 </div> |
| (...skipping 129 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 722 <a jsvalues=".extensionView:$this" href="#" | 795 <a jsvalues=".extensionView:$this" href="#" |
| 723 onclick="sendInspectMessage(this.extensionView); return f
alse;"> | 796 onclick="sendInspectMessage(this.extensionView); return f
alse;"> |
| 724 <span jscontent="path"></span> | 797 <span jscontent="path"></span> |
| 725 </a> | 798 </a> |
| 726 </li> | 799 </li> |
| 727 </ul> | 800 </ul> |
| 728 </div> | 801 </div> |
| 729 </div> | 802 </div> |
| 730 </td> | 803 </td> |
| 731 <td width="300"> | 804 <td width="300"> |
| 732 <div align="right"> | 805 <div class="extension-actions-div"> |
| 733 <span class="extension-actions"> | 806 <span class="extension-actions"> |
| 734 <a | 807 <a |
| 735 jsvalues=".extensionId:id" | 808 jsvalues=".extensionId:id" |
| 736 jsdisplay="enabled && allow_reload" | 809 jsdisplay="enabled && allow_reload" |
| 737 onclick="handleReloadExtension(this)" | 810 onclick="handleReloadExtension(this)" |
| 738 href="javascript:void();" | 811 href="javascript:void();" |
| 739 i18n-content="reload" | 812 i18n-content="reload" |
| 740 >RELOAD</a> | 813 >RELOAD</a> |
| 741 <span jsdisplay="enabled && allow_reload">-</span> | 814 <span jsdisplay="enabled && allow_reload">-</span> |
| 742 <a | 815 <a |
| (...skipping 12 matching lines...) Expand all Loading... |
| 755 >ENABLE</a> - | 828 >ENABLE</a> - |
| 756 <a | 829 <a |
| 757 jsvalues=".extensionId:id" | 830 jsvalues=".extensionId:id" |
| 758 onclick="handleUninstallExtension(this)" | 831 onclick="handleUninstallExtension(this)" |
| 759 href="javascript:void();" | 832 href="javascript:void();" |
| 760 i18n-content="uninstall" | 833 i18n-content="uninstall" |
| 761 >UNINSTALL</a> | 834 >UNINSTALL</a> |
| 762 </span> | 835 </span> |
| 763 </div> | 836 </div> |
| 764 </td> | 837 </td> |
| 765 <td align="right" valign="center" width="90"> | 838 <td class="extension-options-cell" valign="center" width="90"> |
| 766 <button | 839 <button |
| 767 jsdisplay="options_url && enabled" | 840 jsdisplay="options_url && enabled" |
| 768 jsvalues=".extensionId:id" | 841 jsvalues=".extensionId:id" |
| 769 onclick="handleOptions(this)" | 842 onclick="handleOptions(this)" |
| 770 i18n-content="options" | 843 i18n-content="options" |
| 771 >OPTIONS</button> | 844 >OPTIONS</button> |
| 772 <button | 845 <button |
| 773 jsdisplay="!enabled || | 846 jsdisplay="!enabled || |
| 774 typeof(options_url) == 'undefined' || | 847 typeof(options_url) == 'undefined' || |
| 775 options_url.length == 0" | 848 options_url.length == 0" |
| 776 disabled="true" | 849 disabled="true" |
| 777 i18n-content="options" | 850 i18n-content="options" |
| 778 >OPTIONS</button> | 851 >OPTIONS</button> |
| 779 </td> | 852 </td> |
| 780 </tr> | 853 </tr> |
| 781 </table> | 854 </table> |
| 782 </div> | 855 </div> |
| 783 </div> | 856 </div> |
| 784 | 857 |
| 785 <div id="get-moar-extensions" jsdisplay="extensions.length > 0" | 858 <div id="get-moar-extensions" jsdisplay="extensions.length > 0" |
| 786 i18n-content="getMoreExtensions"></div> | 859 i18n-content="getMoreExtensions"></div> |
| 787 </div> | 860 </div> |
| 788 </div> | 861 </div> |
| 789 </div> | 862 </div> |
| 790 </body> | 863 </body> |
| 791 </html> | 864 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 434024:
Enable the RTL UI support in the extensions_ui (chrome://extensions). While d... (Closed)
Base URL: svn://chrome-svn/chrome/trunk/src/