components/supervised_user_error_page/resources/supervised_user_block_interstitial.html - Issue 2739473006: Update supervised user interstitial pages.

Side by Side Diff: components/supervised_user_error_page/resources/supervised_user_block_interstitial.html

Issue 2739473006: Update supervised user interstitial pages. (Closed)

Patch Set: Created 3 years, 9 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:

« components/supervised_user_error_page/resources/supervised_user_block_interstitial.css ('K') | « components/supervised_user_error_page/resources/supervised_user_block_interstitial.css ('k') | components/supervised_user_error_page/resources/supervised_user_block_interstitial.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!doctype html>	1 <!doctype html>

2 <html i18n-values="dir:textdirection;lang:language">	2 <html i18n-values="dir:textdirection;lang:language">

3 <head>	3 <head>

4 <meta name="viewport" content="width=device-width">

5 <meta charset="utf-8">	4 <meta charset="utf-8">

	5 <meta name="viewport"

	6 content="initial-scale=1, minimum-scale=1, width=device-width">

6 <title i18n-content="blockPageTitle"></title>	7 <title i18n-content="blockPageTitle"></title>

7 <link rel="stylesheet" href="../../../ui/webui/resources/css/widgets.css">

8 <link rel="stylesheet" href="supervised_user_block_interstitial.css">	8 <link rel="stylesheet" href="supervised_user_block_interstitial.css">

9 <script src="../../../ui/webui/resources/js/cr.js"></script>	9 <script src="../../../ui/webui/resources/js/cr.js"></script>

10 <script src="../../../ui/webui/resources/js/util.js"></script>	10 <script src="../../../ui/webui/resources/js/util.js"></script>

11 <script src="supervised_user_block_interstitial.js"></script>	11 <script src="supervised_user_block_interstitial.js"></script>

12 </head>	12 </head>

13	13 <body id="body">
	Marc Treib 2017/03/09 09:55:57 nit: Is the id="body" actually needed for anything nit: Is the id="body" actually needed for anything? Bernhard Bauer 2017/03/10 10:12:10 Not really; I had just copied that from the securi Show quoted text On 2017/03/09 09:55:57, Marc Treib wrote: > nit: Is the id="body" actually needed for anything? Not really; I had just copied that from the security interstitial.
14 <body>	14 <div class="main-frame-blocked">
	Marc Treib 2017/03/09 09:55:57 Out of curiosity: Any particular reason for switch Out of curiosity: Any particular reason for switching from id to class here (and in a few other places)? Bernhard Bauer 2017/03/10 10:12:10 Mostly because that's what the security interstiti Show quoted text On 2017/03/09 09:55:57, Marc Treib wrote: > Out of curiosity: Any particular reason for switching from id to class here (and > in a few other places)? Mostly because that's what the security interstitial used. It's kind of a tradeoff between making the stylesheet as similar as possible to the security one (so we can merge them eventually) and making as few changes to this page as possible, and in this instance I only had to change one thing here but would have had to change the stylesheet in several places.
15 <div id="main-frame-blocked">

16 <div id="information-container">	15 <div id="information-container">

17 <h1>	16 <div class="icon" id="icon"></div>

18 <div id="block-page-header" i18n-content="blockPageHeader"></div>	17 <div id="main-message">

19 <div id="block-page-message" i18n-content="blockPageMessage"></div>	18 <h1 id="block-page-header" i18n-content="blockPageHeader"></h1>

20 <div id="request-failed-message" i18n-content="requestFailedMessage"	19 <p id="block-page-message" i18n-content="blockPageMessage"></p>

21 hidden></div>	20 <p id="request-failed-message" i18n-content="requestFailedMessage"

22 <div id="request-sent-message" i18n-content="requestSentMessage" hidden>	21 hidden></p>

23 </div>	22 <p id="request-sent-message" i18n-content="requestSentMessage" hidden></p>

24 </h1>	23 </div>

25 <div id="custodians-information" hidden>	24 <div id="custodians-information" hidden>

26 <div id="custodian-information" class="custodian-information">	25 <div id="custodian-information" class="custodian-information">

27 <img id="custodian-avatar-img" class="avatar-img">	26 <img id="custodian-avatar-img" class="avatar-img">

28 <div id="custodian-contact">	27 <div id="custodian-contact">

29 <div id="custodian-name" class="custodian-name"></div>	28 <div id="custodian-name" class="custodian-name"></div>

30 <div id="custodian-email" class="custodian-email"></div>	29 <div id="custodian-email" class="custodian-email"></div>

31 </div>	30 </div>

32 </div>	31 </div>

33 <div id="second-custodian-information" class="custodian-information" hidde n>	32 <div id="second-custodian-information" class="custodian-information" hidde n>

34 <img id="second-custodian-avatar-img" class="avatar-img" hidden>	33 <img id="second-custodian-avatar-img" class="avatar-img" hidden>

35 <div id="second-custodian-contact">	34 <div id="second-custodian-contact">

36 <div id="second-custodian-name" class="custodian-name"></div>	35 <div id="second-custodian-name" class="custodian-name"></div>

37 <div id="second-custodian-email" class="custodian-email"></div>	36 <div id="second-custodian-email" class="custodian-email"></div>

38 </div>	37 </div>

39 </div>	38 </div>

40 </div>	39 </div>

41 </div>	40 </div>

42 <div id="button-container">	41 <div class="button-container">

	42 <button id="request-access-button" i18n-content="requestAccessButton">

	43 </button>

43 <div id="details-button-container">	44 <div id="details-button-container">

44 <a id="show-details-link" i18n-content="showDetailsLink"	45 <button id="show-details-link" class="details-button small-link" i18n-cont ent="showDetailsLink" hidden>></button>

45 hidden class="button">	46 <button id="hide-details-link" class="details-button small-link" i18n-cont ent="hideDetailsLink" hidden></button>

46 </a>	47 <button id="back-button" class="details-button small-link" i18n-content="b ackButton" hidden></button>

47 <a id="hide-details-link" i18n-content="hideDetailsLink"

48 hidden class="button"></a>

49 <a id="back-button" i18n-content="backButton"

50 hidden class="button"></a>

51 </div>	48 </div>

52 <div id="request-access-button" class="button"

53 i18n-content="requestAccessButton">

54 </div>

55 </div>	49 </div>

56 <div id="details" hidden>	50 <div id="details" hidden>

57 <p id="details-header" i18n-content="blockReasonHeader"></p>	51 <p id="details-header" i18n-content="blockReasonHeader"></p>

58 <p id="details-message" i18n-content="blockReasonMessage"></p>	52 <p id="details-message" i18n-content="blockReasonMessage"></p>

59 <p id="feedback" i18n-values=".innerHTML:feedbackLink"></p>	53 <p id="feedback" i18n-values=".innerHTML:feedbackLink"></p>

60 </div>	54 </div>

61 </div>	55 </div>

62 </body>	56 </body>

63 </html>	57 </html>

OLD	NEW