chylex/TweetDuck
1
0
Fork 0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-05-02 20:34:07 +02:00
Code

Support system font in notifications, but revert to Arial everywhere by default

Browse Source
This commit is contained in:
chylex 2018-08-28 21:06:53 +02:00
parent fa4beea425
commit 2c4f2be57d
3 changed files with 14 additions and 1 deletions
Core/Notification
TweetNotification.cs
Resources/Plugins/edit-design
browser.jsmodal.html

2
Core/Notification/TweetNotification.cs
View File

@ -59,7 +59,7 @@ public string GenerateHtml(string bodyClasses, Control sync){
build.Append("<style type='text/css'>").Append(customCSS).Append("</style>"); build.Append("<style type='text/css'>").Append(customCSS).Append("</style>");
} }
build.Append("</head><body class='scroll-styled-v"); build.Append("</head><body class='scroll-styled-v system-font-stack");
if (!string.IsNullOrEmpty(bodyClasses)){ if (!string.IsNullOrEmpty(bodyClasses)){
build.Append(' ').Append(bodyClasses); build.Append(' ').Append(bodyClasses);

9
Resources/Plugins/edit-design/browser.js
View File

@ -14,6 +14,7 @@ enabled(){
themeColorTweaks: true, themeColorTweaks: true,
revertIcons: true, revertIcons: true,
showCharacterCount: true, showCharacterCount: true,
forceArialFont: true,
increaseQuoteTextSize: false, increaseQuoteTextSize: false,
smallComposeTextSize: false, smallComposeTextSize: false,
optimizeAnimations: true, optimizeAnimations: true,
@ -430,6 +431,10 @@ enabled(){
this.css.insert("#tduck .tweet-actions > li:nth-child(4) { margin-right: 2px !important }"); this.css.insert("#tduck .tweet-actions > li:nth-child(4) { margin-right: 2px !important }");
} }
if (this.config.forceArialFont){
this.css.insert("#tduck .system-font-stack { font-family: Arial, sans-serif; font-weight: 400 }");
}
if (this.config.increaseQuoteTextSize){ if (this.config.increaseQuoteTextSize){
this.css.insert(".quoted-tweet { font-size: 1em !important }"); this.css.insert(".quoted-tweet { font-size: 1em !important }");
} }
@ -595,6 +600,10 @@ ${iconData.map(entry => `#tduck .icon-${entry[0]}:before{content:\"\\f0${entry[1
html[data-td-font] { font-size: ${this.config.fontSize} !important } html[data-td-font] { font-size: ${this.config.fontSize} !important }
.avatar { border-radius: ${this.config.avatarRadius}% !important } .avatar { border-radius: ${this.config.avatarRadius}% !important }
${this.config.forceArialFont ? `
#tduck .system-font-stack { font-family: Arial, sans-serif; font-weight: 400 }
` : ``}
${this.config.increaseQuoteTextSize ? ` ${this.config.increaseQuoteTextSize ? `
.quoted-tweet { font-size: 1em !important } .quoted-tweet { font-size: 1em !important }
` : ``} ` : ``}

4
Resources/Plugins/edit-design/modal.html
View File

@ -69,6 +69,10 @@
<option value="custom-px">Custom</option> <option value="custom-px">Custom</option>
<option value="change-custom-px">Change custom value...</option> <option value="change-custom-px">Change custom value...</option>
</select> </select>
<label class="checkbox">
<input data-td-key="forceArialFont" class="js-theme-checkbox touch-larger-label" type="checkbox">
Use Arial as default font
</label>
<label class="checkbox"> <label class="checkbox">
<input data-td-key="increaseQuoteTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox"> <input data-td-key="increaseQuoteTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox">
Increase quoted tweet font size Increase quoted tweet font size