Commit 1d85d95f authored by kevers@chromium.org's avatar kevers@chromium.org

Layout adjustment for i18n compatibility.

Adjust layout of settings pages to use a display table in order to adjust appropriately for internationalization.  Fix vertical alignment of headings with options.

BUG=74487, 56535
TEST=Launch in a variety of locales.  Go to 'chrome://settigns/browser'.  Check for layout problems due to overlap of an option heading and the corresponding controls.


Review URL: http://codereview.chromium.org/7088010

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@88419 0039d316-1c4b-4281-b951-d872f2087c98
parent 7255b189
<div id="browserPage" class="page" hidden> <div id="browserPage" class="page" hidden>
<h1 i18n-content="browserPage"></h1> <h1 i18n-content="browserPage"></h1>
<section id="startupSection"> <div class="displaytable">
<h3 i18n-content="startupGroupName"></h3> <section id="startupSection">
<div> <h3 i18n-content="startupGroupName"></h3>
<div class="radio"> <div>
<label> <div class="radio">
<input type="radio" name="startup" pref="session.restore_on_startup" <label>
value="0" metric="Options_Startup_Homepage"> <input type="radio" name="startup" pref="session.restore_on_startup"
<span i18n-content="startupShowDefaultAndNewTab"></span> value="0" metric="Options_Startup_Homepage">
</label> <span i18n-content="startupShowDefaultAndNewTab"></span>
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input type="radio" name="startup" pref="session.restore_on_startup" <label>
value="1" metric="Options_Startup_LastSession"> <input type="radio" name="startup" pref="session.restore_on_startup"
<span i18n-content="startupShowLastSession"></span> value="1" metric="Options_Startup_LastSession">
</label> <span i18n-content="startupShowLastSession"></span>
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input id="startupShowPagesButton" type="radio" name="startup" <label>
pref="session.restore_on_startup" value="4" <input id="startupShowPagesButton" type="radio" name="startup"
metric="Options_Startup_Custom"> pref="session.restore_on_startup" value="4"
<span id="startupShowPagesLabel" metric="Options_Startup_Custom">
i18n-content="startupShowPages"></span> <span id="startupShowPagesLabel"
</label> i18n-content="startupShowPages"></span>
</div> </label>
<div class="suboption"> </div>
<div id="startupPageManagement" class="settings-list"> <div class="suboption">
<list id="startupPagesList"></list> <div id="startupPageManagement" class="settings-list">
<div> <list id="startupPagesList"></list>
<button id="startupUseCurrentButton" <div>
i18n-content="startupUseCurrent"></button> <button id="startupUseCurrentButton"
i18n-content="startupUseCurrent"></button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section> <section>
<section> <h3 i18n-content="homepageGroupName"></h3>
<h3 i18n-content="homepageGroupName"></h3> <div>
<div>
<div class="radio">
<label>
<input id="homepageUseNTPButton" type="radio" name="homepage"
value="true" metric="Options_Homepage_IsNewTabPage">
<span i18n-content="homepageUseNewTab"></span>
</label>
</div>
<div id="customHomePageGroup">
<div class="radio"> <div class="radio">
<label> <label>
<input id="homepageUseURLButton" type="radio" name="homepage" <input id="homepageUseNTPButton" type="radio" name="homepage"
value="false" metric="Options_Homepage_IsNewTabPage"> value="true" metric="Options_Homepage_IsNewTabPage">
<span i18n-content="homepageUseURL"></span> <span i18n-content="homepageUseNewTab"></span>
</label> </label>
</div> </div>
<div> <div id="customHomePageGroup">
<input id="homepageURL" class="favicon-cell" type="url"> <div class="radio">
<label>
<input id="homepageUseURLButton" type="radio" name="homepage"
value="false" metric="Options_Homepage_IsNewTabPage">
<span i18n-content="homepageUseURL"></span>
</label>
</div>
<div>
<input id="homepageURL" class="favicon-cell" type="url">
</div>
</div> </div>
</div> </div>
</div> </section>
</section> <section>
<section> <h3 i18n-content="toolbarGroupName"></h3>
<h3 i18n-content="toolbarGroupName"></h3> <div>
<div> <div class="checkbox">
<div class="checkbox">
<label>
<input id="toolbarShowHomeButton" pref="browser.show_home_button"
metric="Options_Homepage_HomeButton" type="checkbox">
<span i18n-content="toolbarShowHomeButton"></span>
</label>
</div>
<div class="checkbox">
<label>
<input id="toolbarShowBookmarksBar"
pref="bookmark_bar.show_on_all_tabs"
metric="ShowBookmarksBar" type="checkbox">
<span i18n-content="toolbarShowBookmarksBar"></span>
</label>
</div>
</div>
</section>
<section>
<h3 i18n-content="defaultSearchGroupName"></h3>
<div id="defaultSearchEngineGroup">
<div>
<select id="defaultSearchEngine"></select>
<button id="defaultSearchManageEnginesButton"
i18n-content="defaultSearchManageEngines"></button>
</div>
<div id="instantOption" class="checkbox">
<label> <label>
<!-- TODO(estade): metric? --> <input id="toolbarShowHomeButton" pref="browser.show_home_button"
<input id="instantEnableCheckbox" type="checkbox" metric="Options_Homepage_HomeButton" type="checkbox">
pref="instant.enabled"> <span i18n-content="toolbarShowHomeButton"></span>
<span i18n-content="instantName"></span>
</label> </label>
</div> </div>
<div class="suboption informational-text"> <div class="checkbox">
<span i18n-content="instantWarningText"></span> <label>
<a target="_blank" i18n-values="href:instantLearnMoreLink" <input id="toolbarShowBookmarksBar"
i18n-content="learnMore"></a> pref="bookmark_bar.show_on_all_tabs"
metric="ShowBookmarksBar" type="checkbox">
<span i18n-content="toolbarShowBookmarksBar"></span>
</label>
</div> </div>
</div> </div>
</section> </section>
<section>
<h3 i18n-content="defaultSearchGroupName"></h3>
<div id="defaultSearchEngineGroup">
<div>
<select id="defaultSearchEngine"></select>
<button id="defaultSearchManageEnginesButton"
i18n-content="defaultSearchManageEngines"></button>
</div>
<div id="instantOption" class="checkbox">
<label>
<!-- TODO(estade): metric? -->
<input id="instantEnableCheckbox" type="checkbox"
pref="instant.enabled">
<span i18n-content="instantName"></span>
</label>
</div>
<div class="suboption informational-text">
<span i18n-content="instantWarningText"></span>
<a target="_blank" i18n-values="href:instantLearnMoreLink"
i18n-content="learnMore"></a>
</div>
</div>
</section>
<if expr="not pp_ifdef('chromeos')"> <if expr="not pp_ifdef('chromeos')">
<section> <section>
<h3 i18n-content="defaultBrowserGroupName"></h3> <h3 i18n-content="defaultBrowserGroupName"></h3>
<div> <div>
<button id="defaultBrowserUseAsDefaultButton" <button id="defaultBrowserUseAsDefaultButton"
i18n-content="defaultBrowserUseAsDefault"></button> i18n-content="defaultBrowserUseAsDefault"></button>
<div id="defaultBrowserState" <div id="defaultBrowserState"
i18n-content="defaultBrowserUnknown"></div> i18n-content="defaultBrowserUnknown"></div>
</div> </div>
</section> </section>
</if> </if>
</div>
</div> </div>
<div id="accountsPage" class="page" hidden> <div id="accountsPage" class="page" hidden>
<h1 i18n-content="accountsPage"></h1> <h1 i18n-content="accountsPage"></h1>
<section> <div class="displaytable">
<div class="option"> <section>
<div id="ownerOnlyWarning" hidden> <div class="option">
<span i18n-content="owner_only"></span> <div id="ownerOnlyWarning" hidden>
<span i18n-content="owner_user_id"></span> <span i18n-content="owner_only"></span>
<span i18n-content="owner_user_id"></span>
</div>
<table class="option-control-table">
<tr>
<td class="option-name">
<div class="checkbox">
<label>
<input id="allowBwsiCheck" pref="cros.accounts.allowBWSI"
type="checkbox">
<span i18n-content="allow_BWSI"></span>
</label>
</div>
</td>
</tr>
<tr>
<td class="option-name">
<div class="checkbox">
<label>
<input id="showUserNamesCheck"
pref="cros.accounts.showUserNamesOnSignIn" type="checkbox">
<span i18n-content="show_user_on_signin"></span>
</label>
</div>
</td>
</tr>
<tr>
<td class="option-name">
<div class="checkbox">
<label>
<input id="useWhitelistCheck" pref="cros.accounts.allowGuest"
type="checkbox" inverted_pref>
<span i18n-content="use_whitelist"></span>
</label>
</div>
</td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr><td>
<table class="user-list-table">
<tr><td>
<list id="userList"></list>
</td></tr>
<tr><td class="user-name-edit-row">
<label><span i18n-content="add_users"></span><br>
<input id="userNameEdit" type="text"
i18n-values="placeholder:username_edit_hint">
</span>
</label>
</td></tr>
</table>
</td></tr>
</table>
</div> </div>
<table class="option-control-table"> </section>
<tr> </div>
<td class="option-name">
<div class="checkbox">
<label>
<input id="allowBwsiCheck" pref="cros.accounts.allowBWSI"
type="checkbox">
<span i18n-content="allow_BWSI"></span>
</label>
</div>
</td>
</tr>
<tr>
<td class="option-name">
<div class="checkbox">
<label>
<input id="showUserNamesCheck"
pref="cros.accounts.showUserNamesOnSignIn" type="checkbox">
<span i18n-content="show_user_on_signin"></span>
</label>
</div>
</td>
</tr>
<tr>
<td class="option-name">
<div class="checkbox">
<label>
<input id="useWhitelistCheck" pref="cros.accounts.allowGuest"
type="checkbox" inverted_pref>
<span i18n-content="use_whitelist"></span>
</label>
</div>
</td>
</tr>
<tr><td>&nbsp;</td></tr>
<tr><td>
<table class="user-list-table">
<tr><td>
<list id="userList"></list>
</td></tr>
<tr><td class="user-name-edit-row">
<label><span i18n-content="add_users"></span><br>
<input id="userNameEdit" type="text"
i18n-values="placeholder:username_edit_hint">
</span>
</label>
</td></tr>
</table>
</td></tr>
</table>
</div>
</section>
</div> </div>
...@@ -73,7 +73,9 @@ ...@@ -73,7 +73,9 @@
width: 366px; width: 366px;
} }
#ownerOnlyWarning { #ownerOnlyWarning {
margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
padding-bottom: 1px; padding-bottom: 1px;
-webkit-padding-start: 20px; -webkit-padding-start: 20px;
......
...@@ -4,46 +4,48 @@ ...@@ -4,46 +4,48 @@
<span id="locked-network-icon"></span> <span id="locked-network-icon"></span>
<span id="access-locked-text" i18n-content="accessLockedMsg"></span> <span id="access-locked-text" i18n-content="accessLockedMsg"></span>
</div> </div>
<section id="wireless-buttons"> <div class="displaytable">
<h3 i18n-content="generalNetworkingTitle"></h3> <section id="wireless-buttons">
<div id="network-general-div"> <h3 i18n-content="generalNetworkingTitle"></h3>
<div id="networking-controls" class="section-group"> <div id="network-general-div">
<button id="enable-wifi" hidden <div id="networking-controls" class="section-group">
i18n-content="enableWifi"></button> <button id="enable-wifi" hidden
<button id="disable-wifi" hidden i18n-content="enableWifi"></button>
i18n-content="disableWifi"></button> <button id="disable-wifi" hidden
<button id="enable-cellular" hidden i18n-content="disableWifi"></button>
i18n-content="enableCellular"></button> <button id="enable-cellular" hidden
<button id="disable-cellular" hidden i18n-content="enableCellular"></button>
i18n-content="disableCellular"></button> <button id="disable-cellular" hidden
i18n-content="disableCellular"></button>
</div>
<div id="internet-owner-only-warning" hidden>
<span i18n-content="ownerOnly"></span>
<span i18n-content="ownerUserId"></span>
</div>
<div id="data-roaming" class="checkbox">
<label>
<input id="enable-data-roaming" pref="cros.signed.data_roaming_enabled"
metric="Options_Internet_DataRoaming" type="checkbox">
<span i18n-content="enableDataRoaming"></span>
</label>
</div>
</div> </div>
<div id="internet-owner-only-warning" hidden> </section>
<span i18n-content="ownerOnly"></span> <section id="wired-section">
<span i18n-content="ownerUserId"></span> <h3 i18n-content="wired_title"></h3>
</div> <div id="wired-list" class="networks"></div>
<div id="data-roaming" class="checkbox"> </section>
<label> <section id="wireless-section">
<input id="enable-data-roaming" pref="cros.signed.data_roaming_enabled" <h3 i18n-content="wireless_title"></h3>
metric="Options_Internet_DataRoaming" type="checkbox"> <div id="wireless-list" class="networks"></div>
<span i18n-content="enableDataRoaming"></span> </section>
</label> <section id="vpn-section">
</div> <h3 i18n-content="vpn_title"></h3>
</div> <div id="vpn-list" class="networks"></div>
</section> </section>
<section id="wired-section"> <section id="remembered-section">
<h3 i18n-content="wired_title"></h3> <h3 i18n-content="remembered_title"></h3>
<div id="wired-list" class="networks"></div> <div id="remembered-list" class="networks"></div>
</section> </section>
<section id="wireless-section"> </div>
<h3 i18n-content="wireless_title"></h3>
<div id="wireless-list" class="networks"></div>
</section>
<section id="vpn-section">
<h3 i18n-content="vpn_title"></h3>
<div id="vpn-list" class="networks"></div>
</section>
<section id="remembered-section">
<h3 i18n-content="remembered_title"></h3>
<div id="remembered-list" class="networks"></div>
</section>
</div> </div>
<div id="systemPage" class="page" hidden> <div id="systemPage" class="page" hidden>
<h1 i18n-content="systemPage"></h1> <h1 i18n-content="systemPage"></h1>
<section> <div class="displaytable">
<h3 i18n-content="datetime_title"></h3> <section>
<table class="option-control-table"> <h3 i18n-content="datetime_title"></h3>
<tr> <table class="option-control-table">
<td class="option-name" i18n-content="timezone"></td> <tr>
<td class="option-value"> <td class="option-name" i18n-content="timezone"></td>
<select id="timezone-select" class="control" <td class="option-value">
i18n-options="timezoneList" <select id="timezone-select" class="control"
dataType="string" i18n-options="timezoneList"
pref="cros.system.timezone"></select> dataType="string"
</td> pref="cros.system.timezone"></select>
<tr> </td>
<td class="option-name" colspan="2"> <tr>
<div class="checkbox"> <td class="option-name" colspan="2">
<label> <div class="checkbox">
<input id="use-24hour-clock" <label>
pref="settings.clock.use_24hour_clock" <input id="use-24hour-clock"
type="checkbox"> pref="settings.clock.use_24hour_clock"
<span i18n-content="use_24hour_clock"></span> type="checkbox">
</label> <span i18n-content="use_24hour_clock"></span>
</div> </label>
</td> </div>
</tr> </td>
</tr> </tr>
</table> </tr>
</section> </table>
<section> </section>
<h3 i18n-content="touchpad"></h3> <section>
<table class="option-control-table"> <h3 i18n-content="touchpad"></h3>
<tr> <table class="option-control-table">
<td class="option-name" i18n-content="sensitivity"></td> <tr>
<td class="option-value"> <td class="option-name" i18n-content="sensitivity"></td>
<input id="sensitivity-range" type="range" min="1" max="5" <td class="option-value">
pref="settings.touchpad.sensitivity2" class="touch-slider"> <input id="sensitivity-range" type="range" min="1" max="5"
</td> pref="settings.touchpad.sensitivity2" class="touch-slider">
</tr> </td>
<tr> </tr>
<td></td> <tr>
<td> <td></td>
<span i18n-content="sensitivity_less"></span> <td>
<span i18n-content="sensitivity_more" <span i18n-content="sensitivity_less"></span>
class="touchpad-sensitivity-more"></span> <span i18n-content="sensitivity_more"
</td> class="touchpad-sensitivity-more"></span>
</tr> </td>
<tr> </tr>
<td class="option-name" colspan="2"> <tr>
<div class="checkbox"> <td class="option-name" colspan="2">
<label> <div class="checkbox">
<input id="tap-to-click-check" <label>
pref="settings.touchpad.enable_tap_to_click" <input id="tap-to-click-check"
type="checkbox"> pref="settings.touchpad.enable_tap_to_click"
<span i18n-content="enable_tap_to_click"></span> type="checkbox">
</label> <span i18n-content="enable_tap_to_click"></span>
</div> </label>
</td> </div>
</tr> </td>
</table> </tr>
</section> </table>
<section> </section>
<h3 i18n-content="language"></h3> <section>
<table class="option-control-table"> <h3 i18n-content="language"></h3>
<tr> <table class="option-control-table">
<td class="option-name"> <tr>
<button id="language-button" i18n-content="language_customize"> <td class="option-name">
</button> <button id="language-button" i18n-content="language_customize">
</td> </button>
<td class="option-name"> </td>
<button id="modifier-keys-button" <td class="option-name">
i18n-content="modifier_keys_customize"></button> <button id="modifier-keys-button"
</td> i18n-content="modifier_keys_customize"></button>
</tr> </td>
</table> </tr>
</section> </table>
<section> </section>
<h3 i18n-content="accessibility_title"></h3> <section>
<table class="option-control-table"> <h3 i18n-content="accessibility_title"></h3>
<tr> <table class="option-control-table">
<td class="option-name"> <tr>
<div class="checkbox"> <td class="option-name">
<label> <div class="checkbox">
<input id="accesibility-check" type="checkbox"> <label>
<span i18n-content="accessibility"></span> <input id="accesibility-check" type="checkbox">
</label> <span i18n-content="accessibility"></span>
</div> </label>
</td> </div>
</tr> </td>
</table> </tr>
</section> </table>
</section>
</div>
</div> </div>
...@@ -353,6 +353,11 @@ html.hide-menu #mainview { ...@@ -353,6 +353,11 @@ html.hide-menu #mainview {
min-height: 192px; min-height: 192px;
} }
/**
* TODO(kevers): Standardize formatting of sections to use display tables.
* For now, we require separate specialized rules for sections that are
* formatted as table rows.
*/
section { section {
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
border-bottom: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;
...@@ -777,3 +782,36 @@ html:not([flashPluginSupportsClearSiteData]) .clear-plugin-lso-data-enabled, ...@@ -777,3 +782,36 @@ html:not([flashPluginSupportsClearSiteData]) .clear-plugin-lso-data-enabled,
html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled { html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled {
display: none; display: none;
} }
/* Display a collection of sections as a table in order to display nicely
* in multiple locales. The left column should expand to accomodate the
* widest label without introducing excessive whitespace. Labels in
* languages such as German or Dutch tend to be wider than for English
*/
.displaytable {
display: table;
width: 100%;
}
.displaytable > section {
display: table-row;
}
/* right table column containing settable options */
.displaytable > section > h3 + div,
.displaytable > section > h3 + table {
padding-top: 17px;
padding-bottom: 20px;
}
.displaytable > section > * {
display: table-cell;
vertical-align: baseline;
border-bottom: 1px solid #eeeeee;
}
/* do not display a border after the last section in the table */
.displaytable > section:last-child > * {
border-bottom: none;
}
...@@ -3,6 +3,9 @@ ...@@ -3,6 +3,9 @@
border: 1px solid rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.5);
width: 70px; width: 70px;
height: 70px; height: 70px;
margin-right: 10px;
margin-bottom: 5px;
vertical-align: middle;
} }
#sync-buttons { #sync-buttons {
......
<div id="personal-page" class="page" hidden> <div id="personal-page" class="page" hidden>
<h1 i18n-content="personalPage"></h1> <h1 i18n-content="personalPage"></h1>
<div class="displaytable">
<if expr="pp_ifdef('chromeos')"> <if expr="pp_ifdef('chromeos')">
<section> <section>
<h3 i18n-content="account"></h3> <h3 i18n-content="account"></h3>
<div> <div>
<table class="option-control-table"> <img id='account-picture'
<tr> src='chrome://theme/IDR_LOGIN_DEFAULT_USER'>
<td> <label>
<img id='account-picture' <input id="enable-screen-lock" type="checkbox"
src='chrome://theme/IDR_LOGIN_DEFAULT_USER'> pref="settings.enable_screen_lock">
</td> <span i18n-content="enableScreenlock"></span>
<td> </label>
<label> <br>
<input id="enable-screen-lock" type="checkbox" <button id="change-picture-button" i18n-content="changePicture">
pref="settings.enable_screen_lock">
<span i18n-content="enableScreenlock"></span>
</label>
</td>
</tr>
<tr>
<td>
<button id="change-picture-button" i18n-content="changePicture">
</button>
</td>
</tr>
</table>
</div>
</section>
</if>
<section id="sync-section">
<h3 i18n-content="syncSection"></h3>
<div>
<div id="sync-overview" hidden>
<div i18n-content="syncOverview"></div>
<div i18n-content="syncFurtherOverview"></div>
</div>
<div id="sync-status" hidden>
<span id="sync-status-text"></span>
<button id="sync-action-link" class="link-button"></button>
</div>
<div id="sync-buttons">
<button id="start-stop-sync" hidden></button>
<button id="customize-sync" i18n-content="customizeSync" hidden>
</button> </button>
</div> </div>
<div id="profiles-create" hidden> </section>
<span i18n-content="createNewProfile"></span> </if>
<div id="profiles-create-button"> <section id="sync-section">
<button id="new-profile" i18n-content="createProfileButton"></button> <h3 i18n-content="syncSection"></h3>
<div>
<div id="sync-overview" hidden>
<div i18n-content="syncOverview"></div>
<div i18n-content="syncFurtherOverview"></div>
</div>
<div id="sync-status" hidden>
<span id="sync-status-text"></span>
<button id="sync-action-link" class="link-button"></button>
</div>
<div id="sync-buttons">
<button id="start-stop-sync" hidden></button>
<button id="customize-sync" i18n-content="customizeSync" hidden>
</button>
</div>
<div id="profiles-create" hidden>
<span i18n-content="createNewProfile"></span>
<div id="profiles-create-button">
<button id="new-profile" i18n-content="createProfileButton"></button>
</div>
</div> </div>
</div> </div>
</div> </section>
</section> <section>
<section> <h3 i18n-content="passwords"></h3>
<h3 i18n-content="passwords"></h3> <div>
<div> <div class="radio">
<div class="radio"> <label>
<label> <input id="passwords-offersave" type="radio" name="passwords_radio"
<input id="passwords-offersave" type="radio" name="passwords_radio" value="true" pref="profile.password_manager_enabled"
value="true" pref="profile.password_manager_enabled" metric="Options_PasswordManager">
metric="Options_PasswordManager"> <span i18n-content="passwordsAskToSave"></span>
<span i18n-content="passwordsAskToSave"></span> </label>
</label> </div>
</div> <div class="radio">
<div class="radio"> <label>
<label> <input id="passwords-neversave" type="radio" name="passwords_radio"
<input id="passwords-neversave" type="radio" name="passwords_radio" value="false" pref="profile.password_manager_enabled"
value="false" pref="profile.password_manager_enabled" metric="Options_PasswordManager">
metric="Options_PasswordManager"> <span i18n-content="passwordsNeverSave"></span>
<span i18n-content="passwordsNeverSave"></span> </label>
</label> </div>
<div><button id="manage-passwords"
i18n-content="manage_passwords"></button></div>
<!-- This makes the managed-banner appear when the "pref" is
configured by the IT administrator. -->
<input name="password_allow_show_hidden" type="text"
pref="profile.password_manager_allow_show_passwords" hidden>
</div> </div>
<div><button id="manage-passwords" </section>
i18n-content="manage_passwords"></button></div> <section>
<!-- This makes the managed-banner appear when the "pref" is <h3 i18n-content="autofill"></h3>
configured by the IT administrator. --> <div>
<input name="password_allow_show_hidden" type="text" <div class="checkbox">
pref="profile.password_manager_allow_show_passwords" hidden> <label>
</div> <input id="autofill-enabled" pref="autofill.enabled"
</section> metric="Options_FormAutofill" type="checkbox">
<section> <span i18n-content="autofillEnabled"></span>
<h3 i18n-content="autofill"></h3> </label>
<div> </div>
<div class="checkbox"> <button id="autofill-settings"
<label> i18n-content="manageAutofillSettings"></button>
<input id="autofill-enabled" pref="autofill.enabled"
metric="Options_FormAutofill" type="checkbox">
<span i18n-content="autofillEnabled"></span>
</label>
</div> </div>
<button id="autofill-settings" </section>
i18n-content="manageAutofillSettings"></button>
</div>
</section>
<if expr="not pp_ifdef('chromeos')"> <if expr="not pp_ifdef('chromeos')">
<section> <section>
<h3 i18n-content="browsingData"></h3> <h3 i18n-content="browsingData"></h3>
<div> <div>
<button id="import-data" i18n-content="importData"></button> <button id="import-data" i18n-content="importData"></button>
</div> </div>
</section> </section>
</if> </if>
<if expr="not pp_ifdef('toolkit_views') and (os == 'linux2' or os.find('bsd') != -1 or os == 'sunos5')"> <if expr="not pp_ifdef('toolkit_views') and (os == 'linux2' or os.find('bsd') != -1 or os == 'sunos5')">
<section> <section>
<h3 i18n-content="appearance"></h3> <h3 i18n-content="appearance"></h3>
<div>
<div> <div>
<button id="themes-GTK-button" <div>
i18n-content="themesGTKButton"></button> <button id="themes-GTK-button"
<button id="themes-reset" i18n-content="themesGTKButton"></button>
i18n-content="themesSetClassic"></button> <button id="themes-reset"
</div> i18n-content="themesSetClassic"></button>
<div id="themes-gallery-div"> </div>
<a id="themes-gallery" i18n-content="themesGallery" <div id="themes-gallery-div">
i18n-values="href:themesGalleryURL" target="_blank"></a> <a id="themes-gallery" i18n-content="themesGallery"
</div> i18n-values="href:themesGalleryURL" target="_blank"></a>
<div class="radio"> </div>
<label> <div class="radio">
<input name="decorations_radio" <label>
pref="browser.custom_chrome_frame" <input name="decorations_radio"
type="radio" value="false" metric="Options_CustomFrame"> pref="browser.custom_chrome_frame"
<span i18n-content="showWindowDecorations"></span> type="radio" value="false" metric="Options_CustomFrame">
</label> <span i18n-content="showWindowDecorations"></span>
</div> </label>
<div class="radio"> </div>
<label> <div class="radio">
<input name="decorations_radio" <label>
pref="browser.custom_chrome_frame" <input name="decorations_radio"
type="radio" value="true" metric="Options_CustomFrame"> pref="browser.custom_chrome_frame"
<span i18n-content="hideWindowDecorations"></span> type="radio" value="true" metric="Options_CustomFrame">
</label> <span i18n-content="hideWindowDecorations"></span>
</label>
</div>
</div> </div>
</div> </section>
</section>
</if> </if>
<if expr="pp_ifdef('toolkit_views') or os == 'win32' or os == 'darwin'"> <if expr="pp_ifdef('toolkit_views') or os == 'win32' or os == 'darwin'">
<section> <section>
<h3 i18n-content="themes"></h3> <h3 i18n-content="themes"></h3>
<div>
<div> <div>
<button id="themes-reset" i18n-content="themesReset"></button> <div>
</div> <button id="themes-reset" i18n-content="themesReset"></button>
<div id="themes-gallery-div"> </div>
<a id="themes-gallery" i18n-content="themesGallery" <div id="themes-gallery-div">
i18n-values="href:themesGalleryURL" target="_blank"></a> <a id="themes-gallery" i18n-content="themesGallery"
i18n-values="href:themesGalleryURL" target="_blank"></a>
</div>
</div> </div>
</div> </section>
</section>
</if> </if>
</div>
</div> </div>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment