OLD | NEW |
(Empty) | |
| 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-slider/paper-slid
er.html"> |
| 3 <link rel="import" href="appearance_font_menu.html"> |
| 4 |
| 5 <dom-module id="settings-appearance-fonts-page"> |
| 6 <link rel="import" type="css" |
| 7 href="chrome://md-settings/settings_page/settings_page.css"> |
| 8 <link rel="import" type="css" |
| 9 href="chrome://md-settings/appearance_page/appearance_shared.css"> |
| 10 <template> |
| 11 <div>[[selectedStandardFont_]]</div> |
| 12 <div class="control-row"> |
| 13 <div i18n-content="fontSize"></div> |
| 14 <paper-slider id="sizeSlider" value="{{fontSizeIndex_}}" |
| 15 max="[[fontSizeRangeLimit_]]" |
| 16 immediate-value="{{immediateSizeIndex_}}" |
| 17 on-immediate-value-change="immediateSizeIndexChanged_"> |
| 18 </paper-slider> |
| 19 </div> |
| 20 <div class="control-row"> |
| 21 <settings-appearance-font-menu id="standardFont" |
| 22 i18n-values="label:standardFont" |
| 23 pref="{{prefs.webkit.webprefs.fonts.standard.Zyyy}}" |
| 24 menuOptions="[[fontOptions_]]"> |
| 25 </settings-appearance-font-menu> |
| 26 <div class="control-column" |
| 27 style$="[[computeStyle_(defaultFontSize_, |
| 28 prefs.webkit.webprefs.fonts.standard.Zyyy.value)]]"> |
| 29 <span>[[defaultFontSize_]]</span>: |
| 30 <span i18n-content="loremIpsum"></span> |
| 31 </div> |
| 32 </div> |
| 33 <div class="control-row"> |
| 34 <settings-appearance-font-menu id="serifFont" |
| 35 i18n-values="label:serifFont" |
| 36 pref="{{prefs.webkit.webprefs.fonts.serif.Zyyy}}" |
| 37 menuOptions="[[fontOptions_]]"> |
| 38 </settings-appearance-font-menu> |
| 39 <div class="control-column" |
| 40 style$="[[computeStyle_(defaultFontSize_, |
| 41 prefs.webkit.webprefs.fonts.serif.Zyyy.value)]]"> |
| 42 <span>[[defaultFontSize_]]</span>: |
| 43 <span i18n-content="loremIpsum"></span> |
| 44 </div> |
| 45 </div> |
| 46 <div class="control-row"> |
| 47 <settings-appearance-font-menu id="sansSerifFont" |
| 48 i18n-values="label:sansSerifFont" |
| 49 pref="{{prefs.webkit.webprefs.fonts.sansserif.Zyyy}}" |
| 50 menuOptions="[[fontOptions_]]"> |
| 51 </settings-appearance-font-menu> |
| 52 <div class="control-column" |
| 53 style$="{{computeStyle_(defaultFontSize_, |
| 54 prefs.webkit.webprefs.fonts.sansserif.Zyyy.value)}}"> |
| 55 <span>[[defaultFontSize_]]</span>: |
| 56 <span i18n-content="loremIpsum"></span> |
| 57 </div> |
| 58 </div> |
| 59 <div class="control-row"> |
| 60 <settings-appearance-font-menu id="fixedFont" |
| 61 i18n-values="label:fixedWidthFont" |
| 62 pref="{{prefs.webkit.webprefs.fonts.fixed.Zyyy}}" |
| 63 menuOptions="[[fontOptions_]]"> |
| 64 </settings-appearance-font-menu> |
| 65 <div class="control-column" |
| 66 style$="[[computeStyle_(defaultFontSize_, |
| 67 prefs.webkit.webprefs.fonts.fixed.Zyyy.value)]]"> |
| 68 <span i18n-content="loremIpsum"></span> |
| 69 </div> |
| 70 </div> |
| 71 <div class="control-row"> |
| 72 <div class="control-column"> |
| 73 <div class="control-title" i18n-content="minimumFont"></div> |
| 74 <paper-slider id="minimumSizeSlider" value="{{minimumSizeIndex_}}" |
| 75 max="[[minimumFontSizeRangeLimit_]]" |
| 76 immediate-value="{{immediateMinimumSizeIndex_}}" |
| 77 on-immediate-value-change="immediateMinimumSizeIndexChanged_"> |
| 78 </paper-slider> |
| 79 </div> |
| 80 <div class="control-column" |
| 81 style$="[[computeStyle_(minimumFontSize_, |
| 82 prefs.webkit.webprefs.fonts.standard.Zyyy.value)]]"> |
| 83 <span>[[minimumFontSize_]]</span>: |
| 84 <span i18n-content="loremIpsum"></span> |
| 85 </div> |
| 86 </div> |
| 87 <div class="control-row"> |
| 88 <settings-appearance-font-menu id="encoding" |
| 89 i18n-values="label:encoding" |
| 90 pref="{{prefs.intl.charset_default}}" |
| 91 menuOptions="[[encodingOptions_]]"> |
| 92 </settings-appearance-font-menu> |
| 93 </div> |
| 94 </template> |
| 95 <script src="appearance_fonts_page.js"></script> |
| 96 </dom-module> |
OLD | NEW |