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> | |
stevenjb
2015/10/28 00:17:16
There is a lot of copy/paste here, maybe a good ca
dschuyler
2015/10/28 22:22:22
Like a settings-row class with <left> and <right>
stevenjb
2015/10/29 19:56:02
I would suggest that there is a little more copy/p
dschuyler
2015/11/04 22:10:56
I'd like to give this a little time to see if the
| |
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 |