| OLD | NEW |
|---|
| 1 <html i18n-values="dir:textdirection;"> | 1 <html i18n-values="dir:textdirection;"> |
| 2 <head> | 2 <head> |
| 3 <title></title> | 3 <title></title> |
| 4 <style type="text/css"> | 4 <style type="text/css"> |
| 5 body { | 5 body { |
| 6 line-height: 1.5em; | 6 line-height: 1.5em; |
| 7 background: #FFFFFF; | 7 background: #FFFFFF; |
| 8 font-size: 11pt; | 8 font-size: 11pt; |
| 9 } | 9 } |
| 10 html[os='mac'] body { | 10 html[os='mac'] body { |
| (...skipping 18 matching lines...) Expand all Loading... |
| 29 } | 29 } |
| 30 input[type='button'], | 30 input[type='button'], |
| 31 input[type='submit'] { | 31 input[type='submit'] { |
| 32 min-width: 87px; | 32 min-width: 87px; |
| 33 min-height: 26px; | 33 min-height: 26px; |
| 34 } | 34 } |
| 35 html[os='mac'] input[type='button'], | 35 html[os='mac'] input[type='button'], |
| 36 html[os='mac'] input[type='submit'] { | 36 html[os='mac'] input[type='submit'] { |
| 37 font-size: 12pt; | 37 font-size: 12pt; |
| 38 } | 38 } |
| 39 #throb { | 39 #throbber { |
| 40 background-image: url("../../../../app/resources/throbber.png"); | |
| 41 width: 16px; | |
| 42 height: 16px; | |
| 43 background-position: 0px; | |
| 44 margin: -3px 10px; | 40 margin: -3px 10px; |
| 45 display: inline-block; | |
| 46 } | 41 } |
| 47 #setting_up { | 42 #setting_up { |
| 48 margin: 100px; | 43 margin: 100px; |
| 49 text-align: center; | 44 text-align: center; |
| 50 } | 45 } |
| 51 #setting_up_label { | 46 #setting_up_label { |
| 52 margin: 15px; | 47 margin: 15px; |
| 53 font-weight: bold; | 48 font-weight: bold; |
| 54 font-size: 125%; | 49 font-size: 125%; |
| 55 } | 50 } |
| 56 | 51 |
| 57 </style> | 52 </style> |
| 53 <link rel="stylesheet" href="chrome://resources/css/throbber.css"> |
| 58 <script src="chrome://resources/js/cr.js"></script> | 54 <script src="chrome://resources/js/cr.js"></script> |
| 55 <script src="chrome://resources/js/cr/ui.js"></script> |
| 56 <script src="chrome://resources/js/cr/ui/throbber.js"> |
| 57 <script src="chrome://resources/js/util.js"></script> |
| 59 <script> | 58 <script> |
| 60 function advanceThrobber() { | 59 cr.ui.Throbber.decorate($('throbber')); |
| 61 var throbber = document.getElementById('throb'); | |
| 62 throbber.style.backgroundPositionX = | |
| 63 ((parseInt(getComputedStyle(throbber).backgroundPositionX) - 16) % | |
| 64 576) + 'px'; | |
| 65 } | |
| 66 setInterval(advanceThrobber, 30); | |
| 67 </script> | 60 </script> |
| 68 </head> | 61 </head> |
| 69 <body i18n-values=".style.fontFamily:fontfamily"> | 62 <body i18n-values=".style.fontFamily:fontfamily"> |
| 70 <form id="settingUpForm" onSubmit="return false;"> | 63 <form id="settingUpForm" onSubmit="return false;"> |
| 71 <div id="setting_up"> | 64 <div id="setting_up"> |
| 72 <span id="throbber_container"> | 65 <div id="throbber" class="throbber"></div> |
| 73 <span id="throb"></span> | |
| 74 </span> | |
| 75 <div id="setting_up_label" i18n-content="settingup"></div> | 66 <div id="setting_up_label" i18n-content="settingup"></div> |
| 76 </div> | 67 </div> |
| 77 <div class="sync-footer"> | 68 <div class="sync-footer"> |
| 78 <input id="cancelButton" type="button" i18n-values="value:cancel" | 69 <input id="cancelButton" type="button" i18n-values="value:cancel" |
| 79 onclick='chrome.send("DialogClose", [""])' /> | 70 onclick='chrome.send("DialogClose", [""])' /> |
| 80 </div> | 71 </div> |
| 81 </form> | 72 </form> |
| 82 </body> | 73 </body> |
| 83 </html> | 74 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 6378006:
Add Throbber control for DOMUI. Use it everywhere in options and in Sync setup UI. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src