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

Side by Side Diff: chrome/browser/resources/chromeos/arc_support/main.html

Issue 2142933006: arc: Implement scrollable OptIn window content. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: style changes Created 4 years, 5 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
OLDNEW
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <link rel="stylesheet" href="chrome://resources/css/roboto.css"> 4 <link rel="stylesheet" href="chrome://resources/css/roboto.css">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-bu tton.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-bu tton.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper- progress.html"> 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-progress/paper- progress.html">
7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/clas ses/iron-flex-layout.html"> 7 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/clas ses/iron-flex-layout.html">
8 <style is="custom-style"> 8 <style is="custom-style">
9 paper-progress { 9 paper-progress {
10 display: block; 10 display: block;
(...skipping 26 matching lines...) Expand all
37 } 37 }
38 </style> 38 </style>
39 <link rel="stylesheet" href="main.css"> 39 <link rel="stylesheet" href="main.css">
40 <script src="chrome://resources/js/load_time_data.js"></script> 40 <script src="chrome://resources/js/load_time_data.js"></script>
41 <script src="chrome://resources/js/util.js"></script> 41 <script src="chrome://resources/js/util.js"></script>
42 <script src="chrome://resources/js/i18n_template_no_process.js"></script> 42 <script src="chrome://resources/js/i18n_template_no_process.js"></script>
43 </head> 43 </head>
44 <body> 44 <body>
45 <div id="terms-loading" class="section"> 45 <div id="terms-loading" class="section">
46 <img class="image-header" src="images/header.png"> 46 <img class="image-header" src="images/header.png">
47 <p class="text-title" i18n-content="greetingHeader"></p> 47 <div class="scrollable">
48 <p class="text-desc" i18n-content="greetingDescription"></p> 48 <div class="content">
49 <paper-progress class="blue" indeterminate></paper-progress> 49 <p class="text-title" i18n-content="greetingHeader"></p>
50 <p class="text-desc" i18n-content="greetingDescription"></p>
51 <paper-progress class="blue" indeterminate></paper-progress>
52 </div>
53 </div>
50 </div> 54 </div>
51 <div id="terms" class="section section-flex" hidden> 55 <div id="terms" class="section" hidden>
52 <img class="image-header" src="images/header.png"> 56 <img class="image-header" src="images/header.png">
53 <p class="text-title" i18n-content="greetingHeader"></p> 57 <div class="scrollable" >
54 <p class="text-desc" i18n-content="greetingDescription"></p> 58 <div class="content section-flex">
55 <p class="text-terms-title" i18n-content="termsOfService"></p> 59 <p class="text-title" i18n-content="greetingHeader"></p>
56 <div class="section-terms" id ="terms-container"> 60 <p class="text-desc" i18n-content="greetingDescription"></p>
57 <webview id="terms-view" partition="persist:arc_support"></webview> 61 <p class="text-terms-title" i18n-content="termsOfService"></p>
58 </div> 62 <div class="section-terms" id ="terms-container">
59 <div class="layout horizontal section-checkbox-container"> 63 <webview id="terms-view" partition="persist:arc_support"></webview>
60 <input type="checkbox" class="checkbox-option" id="enable-metrics" hidden> 64 </div>
61 <p class="checkbox-text" id="text-metrics"></p> 65 <div class="layout horizontal section-checkbox-container">
62 </div> 66 <input type="checkbox" class="checkbox-option" id="enable-metrics"
63 <div id="section-backup-restore" class="layout horizontal 67 hidden>
64 section-checkbox-container"> 68 <p class="checkbox-text" id="text-metrics"></p>
65 <input type="checkbox" class="checkbox-option" id="enable-backup-restore"> 69 </div>
66 <p class="checkbox-text" id="text-backup-restore"></p> 70 <div id="section-backup-restore" class="layout horizontal
67 </div> 71 section-checkbox-container">
68 <div class="layout horizontal end-justified section-buttons"> 72 <input type="checkbox" class="checkbox-option"
69 <paper-button class="white" id="button-cancel" 73 id="enable-backup-restore">
70 i18n-content="buttonCancel"> 74 <p class="checkbox-text" id="text-backup-restore"></p>
71 </paper-button> 75 </div>
72 <div class="button-separator"></div> 76 <div class="layout horizontal end-justified section-buttons">
73 <paper-button class="blue" id="button-agree" i18n-content="buttonAgree"> 77 <paper-button class="white" id="button-cancel"
74 </paper-button> 78 i18n-content="buttonCancel">
79 </paper-button>
80 <div class="button-separator"></div>
81 <paper-button class="blue" id="button-agree"
82 i18n-content="buttonAgree">
83 </paper-button>
84 </div>
85 </div>
75 </div> 86 </div>
76 </div> 87 </div>
77 <div id="lso-loading" class="section" hidden> 88 <div id="lso-loading" class="section" hidden>
78 <img class="image-header" src="images/header.png"> 89 <img class="image-header" src="images/header.png">
79 <paper-progress class="blue" indeterminate></paper-progress> 90 <div class="scrollable">
80 <p class="text-status" i18n-content=progressLsoLoading></p> 91 <div class="content">
92 <paper-progress class="blue" indeterminate></paper-progress>
93 <p class="text-status" i18n-content=progressLsoLoading></p>
94 </div>
95 </div>
81 </div> 96 </div>
82 <div id="lso" class="section" hidden> 97 <div id="lso" class="section" hidden>
83 <img class="image-header" src="images/header.png"> 98 <img class="image-header" src="images/header.png">
84 <webview id="arc-support" partition="persist:arc_support"></webview> 99 <webview id="arc-support" partition="persist:arc_support"></webview>
85 </div> 100 </div>
86 <div id="arc-loading" class="section" hidden> 101 <div id="arc-loading" class="section" hidden>
87 <img class="image-header" src="images/header.png"> 102 <img class="image-header" src="images/header.png">
88 <paper-progress class="blue" indeterminate></paper-progress> 103 <div class="scrollable">
89 <p class="text-status" i18n-content="progressAndroidLoading"></p> 104 <div class="content">
105 <paper-progress class="blue" indeterminate></paper-progress>
106 <p class="text-status" i18n-content="progressAndroidLoading"></p>
107 </div>
108 </div>
90 </div> 109 </div>
91 <div id="error" class="section" hidden> 110 <div id="error" class="section" hidden>
92 <img class="image-header" src="images/header.png"> 111 <img class="image-header" src="images/header.png">
93 <paper-progress class="red" value="100" max="100" ></paper-progress> 112 <div class="scrollable">
94 <p class="text-status" id="error-message"></p> 113 <div class="content">
95 <paper-button class="blue" id="button-send-feedback" 114 <paper-progress class="red" value="100" max="100" ></paper-progress>
96 i18n-content="buttonSendFeedback"> 115 <p class="text-status" id="error-message"></p>
97 </paper-button> 116 <paper-button class="blue" id="button-send-feedback"
98 <paper-button class="blue" id="button-retry" i18n-content="buttonRetry"> 117 i18n-content="buttonSendFeedback">
99 </paper-button> 118 </paper-button>
119 <paper-button class="blue" id="button-retry" i18n-content="buttonRetry">
120 </paper-button>
121 </div>
122 </div>
100 </div> 123 </div>
101 </body> 124 </body>
102 </html> 125 </html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/chromeos/arc_support/main.css ('k') | chrome/browser/resources/component_extension_resources.grd » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698