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

Side by Side Diff: chrome/browser/resources/settings/settings_main/settings_main.html

Issue 2393583002: Make the 'Advanced' button into an h2 for easier a11y navigation. (Closed)
Patch Set: font: inherit Created 4 years, 2 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 1 <link rel="import" href="chrome://resources/cr_elements/icons.html">
2 <link rel="import" href="chrome://resources/html/polymer.html"> 2 <link rel="import" href="chrome://resources/html/polymer.html">
3 <link rel="import" href="chrome://resources/html/promise_resolver.html"> 3 <link rel="import" href="chrome://resources/html/promise_resolver.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm l">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html">
6 <link rel="import" href="/about_page/about_page.html"> 6 <link rel="import" href="/about_page/about_page.html">
7 <link rel="import" href="/advanced_page/advanced_page.html"> 7 <link rel="import" href="/advanced_page/advanced_page.html">
8 <link rel="import" href="/basic_page/basic_page.html"> 8 <link rel="import" href="/basic_page/basic_page.html">
9 <link rel="import" href="/route.html"> 9 <link rel="import" href="/route.html">
10 <link rel="import" href="/settings_page/main_page_behavior.html"> 10 <link rel="import" href="/settings_page/main_page_behavior.html">
(...skipping 15 matching lines...) Expand all
26 padding: 0 12px; 26 padding: 0 12px;
27 } 27 }
28 28
29 #overscroll { 29 #overscroll {
30 margin-top: 64px; 30 margin-top: 64px;
31 } 31 }
32 32
33 #toggleContainer { 33 #toggleContainer {
34 align-items: center; 34 align-items: center;
35 display: flex; 35 display: flex;
36 font: inherit;
36 justify-content: center; 37 justify-content: center;
38 margin-bottom: 0;
39 margin-top: 0;
37 } 40 }
38 41
39 #toggleSpacer { 42 #toggleSpacer {
40 padding-top: 33px; /* Part of a 48px spacer (33px + 12px + 3px). */ 43 padding-top: 33px; /* Part of a 48px spacer (33px + 12px + 3px). */
41 } 44 }
42 45
43 iron-icon { 46 iron-icon {
44 -webkit-margin-start: 16px; 47 -webkit-margin-start: 16px;
45 } 48 }
46 49
(...skipping 19 matching lines...) Expand all
66 <settings-basic-page route="BASIC" prefs="{{prefs}}" 69 <settings-basic-page route="BASIC" prefs="{{prefs}}"
67 page-visibility="[[pageVisibility]]" 70 page-visibility="[[pageVisibility]]"
68 on-subpage-expand="onSubpageExpand_"> 71 on-subpage-expand="onSubpageExpand_">
69 </settings-basic-page> 72 </settings-basic-page>
70 </template> 73 </template>
71 <template is="dom-if" 74 <template is="dom-if"
72 if="[[showAdvancedSettings_(pageVisibility.advancedSettings)]]"> 75 if="[[showAdvancedSettings_(pageVisibility.advancedSettings)]]">
73 <template is="dom-if" if="[[showAdvancedToggle_( 76 <template is="dom-if" if="[[showAdvancedToggle_(
74 showPages_.basic, hasExpandedSection_, inSearchMode_)]]"> 77 showPages_.basic, hasExpandedSection_, inSearchMode_)]]">
75 <div id="toggleSpacer"></div> 78 <div id="toggleSpacer"></div>
76 <div id="toggleContainer"> 79 <h2 id="toggleContainer">
77 <paper-button id="advancedToggle" on-tap="toggleAdvancedPage_"> 80 <paper-button id="advancedToggle" on-tap="toggleAdvancedPage_">
78 <span>$i18n{advancedPageTitle}</span> 81 <span>$i18n{advancedPageTitle}</span>
79 <iron-icon icon="[[arrowState_(advancedToggleExpanded_)]]"> 82 <iron-icon icon="[[arrowState_(advancedToggleExpanded_)]]">
80 </iron-icon> 83 </iron-icon>
81 </paper-button> 84 </paper-button>
82 </div> 85 </h2>
83 </template> 86 </template>
84 <template is="dom-if" if="[[showAdvancedPage_( 87 <template is="dom-if" if="[[showAdvancedPage_(
85 showPages_.advanced, inSearchMode_, hasExpandedSection_)]]"> 88 showPages_.advanced, inSearchMode_, hasExpandedSection_)]]">
86 <settings-advanced-page route="ADVANCED" prefs="{{prefs}}" 89 <settings-advanced-page route="ADVANCED" prefs="{{prefs}}"
87 page-visibility="[[pageVisibility]]" 90 page-visibility="[[pageVisibility]]"
88 on-subpage-expand="onSubpageExpand_"> 91 on-subpage-expand="onSubpageExpand_">
89 </settings-advanced-page> 92 </settings-advanced-page>
90 </template> 93 </template>
91 </template> 94 </template>
92 <template is="dom-if" if="[[showPages_.about]]"> 95 <template is="dom-if" if="[[showPages_.about]]">
93 <settings-about-page route="ABOUT"></settings-about-page> 96 <settings-about-page route="ABOUT"></settings-about-page>
94 </template> 97 </template>
95 <div id="overscroll" style="padding-bottom: [[overscroll_]]px"></div> 98 <div id="overscroll" style="padding-bottom: [[overscroll_]]px"></div>
96 </template> 99 </template>
97 <script src="settings_main.js"></script> 100 <script src="settings_main.js"></script>
98 <script src="/search_settings.js"></script> 101 <script src="/search_settings.js"></script>
99 </dom-module> 102 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698