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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/renderer/resources/neterror.html

Issue 865943002: Update SSL/malware/net error interstitial design (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Switch button layout switching from JS to CSS flexbox Created 5 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
« chrome/browser/resources/security_warnings/interstitial_v2.js ('K') | « chrome/renderer/resources/neterror.css ('k') | chrome/renderer/resources/neterror.js » ('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;.style.fontSize:fontsize"> 2 <html i18n-values="dir:textdirection">
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0, 5 <meta name="viewport" content="width=device-width, initial-scale=1.0,
6 maximum-scale=1.0, user-scalable=no"> 6 maximum-scale=1.0, user-scalable=no">
7 <title i18n-content="title"></title> 7 <title i18n-content="title"></title>
8 <link rel="stylesheet" href="../../browser/resources/security_warnings/interst itial_v2.css"> 8 <link rel="stylesheet" href="../../browser/resources/security_warnings/interst itial_v2.css">
9 <link rel="stylesheet" href="neterror.css"> 9 <link rel="stylesheet" href="neterror.css">
10 <script src="../../browser/resources/security_warnings/interstitial_v2_mobile. js"></script>
10 <script src="neterror.js"></script> 11 <script src="neterror.js"></script>
11 <script src="offline.js"></script> 12 <script src="offline.js"></script>
12 </head> 13 </head>
13 <body id="t" i18n-values=".style.fontFamily:fontfamily"> 14 <body id="t" i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize" >
14 <div id="main-frame-error" class="interstitial-wrapper"> 15 <div id="main-frame-error" class="interstitial-wrapper">
15 <img class="icon" 16 <div id="main-content">
16 jseval="updateIconClass(this.classList, iconClass)"> 17 <img class="icon"
17 <div id="main-message"> 18 jseval="updateIconClass(this.classList, iconClass)">
18 <h1 i18n-content="heading"></h1> 19 <div id="main-message">
19 <p hidden></p> 20 <h1 i18n-content="heading"></h1>
20 <div id="buttons" class="nav-wrapper"> 21 <p hidden></p>
21 <div id="control-buttons" hidden>
22 <button id="reload-button"
23 class="blue-button text-button"
24 onclick="trackClick(this.trackingId);
25 reloadButtonClick(this.url);"
26 jsselect="reloadButton"
27 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
28 jscontent="msg"></button>
29 <button id="stale-load-button"
30 class="blue-button text-button"
31 onclick="loadStaleButtonClick()"
32 jsselect="staleLoadButton"
33 jscontent="msg" jsvalues="title:title"></button>
34 </div>
35 <button id="details-button" class="text-button small-link"
36 onclick="detailsButtonClick(); toggleHelpBox()"
37 jsdisplay="details" jscontent="details"
38 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;">
39 </div> 22 </div>
40 </div> 23 </div>
41 <!-- Outer and inner divs are needed both for margins and sizing. --> 24 <div id="buttons" class="nav-wrapper">
42 <div id="help-box-outer" class="hidden"> 25 <div id="control-buttons" hidden>
43 <div id="details"> 26 <button id="reload-button"
27 class="blue-button text-button"
28 onclick="trackClick(this.trackingId);
29 reloadButtonClick(this.url);"
30 jsselect="reloadButton"
31 jsvalues=".url:reloadUrl; .trackingId:reloadTrackingId"
32 jscontent="msg"></button>
33 <button id="stale-load-button"
34 class="blue-button text-button"
35 onclick="loadStaleButtonClick()"
36 jsselect="staleLoadButton"
37 jscontent="msg" jsvalues="title:title"></button>
38 </div>
39 <button id="details-button" class="text-button small-link"
40 onclick="detailsButtonClick(); toggleHelpBox()"
41 jsdisplay="details" jscontent="details"
42 jsvalues=".detailsText:details; .hideDetailsText:hideDetails;"></button >
43 </div>
44 <div id="details" class="hidden">
45 <!-- <div id="details"> -->
arv (Not doing code reviews) 2015/01/23 22:13:13 Please clean this up before landing.
edwardjung 2015/01/26 10:55:38 Done.
44 <div jsselect="summary"> 46 <div jsselect="summary">
45 <span jsvalues=".innerHTML:msg"></span> 47 <span jsvalues=".innerHTML:msg"></span>
46 </div> 48 </div>
47 <div class="suggestions" jsselect="suggestions"> 49 <div class="suggestions" jsselect="suggestions">
48 <div class="suggestion-header" jsvalues=".innerHTML:header"></div> 50 <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
49 <div class="suggestion-body" jsvalues=".innerHTML:body"></div> 51 <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
50 </div> 52 </div>
51 <button class="text-button" id="diagnose-button" 53 <button class="text-button" id="diagnose-button"
52 onclick="diagnoseErrors()" jscontent="diagnose" 54 onclick="diagnoseErrors()" jscontent="diagnose"
53 jsdisplay="diagnose"></button> 55 jsdisplay="diagnose"></button>
54 <div id="diagnose-frame" class="hidden"></div> 56 <div id="diagnose-frame" class="hidden"></div>
55 <form class="suggestions" jsdisplay="searchUrl" 57 <form class="suggestions" jsdisplay="searchUrl"
56 jsvalues=".url:searchUrl; .trackingId:searchTrackingId" 58 jsvalues=".url:searchUrl; .trackingId:searchTrackingId"
57 onsubmit="trackClick(this.trackingId); return search(this.url);"> 59 onsubmit="trackClick(this.trackingId); return search(this.url);">
58 <div class="suggestion-header" jscontent="searchHeader"></div> 60 <div class="suggestion-header" jscontent="searchHeader"></div>
59 <div id="search-container"> 61 <div id="search-container">
60 <input type="text" name="q" id="search-box" 62 <input type="text" name="q" id="search-box"
61 jsvalues=".value:searchTerms" /> 63 jsvalues=".value:searchTerms" />
62 <button type="submit" id="search-button" class="blue-button" 64 <button type="submit" id="search-button" class="blue-button"
63 jsvalues="aria-label:searchHeader"> 65 jsvalues="aria-label:searchHeader">
64 <img id="search-image"> 66 <img id="search-image">
65 </button> 67 </button>
66 </div> 68 </div>
67 </form> 69 </form>
68 <div class="error-code" jscontent="errorCode"></div> 70 <div class="error-code" jscontent="errorCode"></div>
69 </div> 71 <!-- </div> -->
70 </div> 72 </div>
71 </div> 73 </div>
72 <div id="sub-frame-error"> 74 <div id="sub-frame-error">
73 <!-- Show details when hovering over the icon, in case the details are 75 <!-- Show details when hovering over the icon, in case the details are
74 hidden because they're too large. --> 76 hidden because they're too large. -->
75 <img class="icon" jseval="updateIconClass(this.classList, iconClass)" 77 <img class="icon" jseval="updateIconClass(this.classList, iconClass)"
76 jsvalues=".title:errorDetails"> 78 jsvalues=".title:errorDetails">
77 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div> 79 <div id="sub-frame-error-details" jsvalues=".innerHTML:errorDetails"></div>
78 </div> 80 </div>
79 81
(...skipping 17 matching lines...) Expand all
97 <img id="2x-restart" src="default_200_percent/offline/200-restart.png"> 99 <img id="2x-restart" src="default_200_percent/offline/200-restart.png">
98 </div> 100 </div>
99 <template id="audio-resources"> 101 <template id="audio-resources">
100 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio> 102 <audio id="offline-sound-press" src="sounds/button-press.mp3"></audio>
101 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio> 103 <audio id="offline-sound-hit" src="sounds/hit.mp3"></audio>
102 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio> 104 <audio id="offline-sound-reached" src="sounds/score-reached.mp3"></audio>
103 </template> 105 </template>
104 </div> 106 </div>
105 </body> 107 </body>
106 </html> 108 </html>
OLDNEW
« chrome/browser/resources/security_warnings/interstitial_v2.js ('K') | « chrome/renderer/resources/neterror.css ('k') | chrome/renderer/resources/neterror.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698