chylex/TweetDuck
1
0
Fork 0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-04-14 12:15:48 +02:00
Code

Add option to always show character count to edit-design plugin

Browse Source
This commit is contained in:
chylex 2017-11-08 06:40:36 +01:00
parent 296626f7c7
commit 51f9ba3642
3 changed files with 14 additions and 10 deletions
Resources
Plugins/edit-design
browser.jsmodal.html
Scripts/styles
browser.css

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

@ -13,6 +13,7 @@ enabled(){
moveTweetActionsToRight: true,
themeColorTweaks: true,
revertIcons: true,
showCharacterCount: true,
increaseQuoteTextSize: false,
smallComposeTextSize: false,
optimizeAnimations: true,
@ -378,9 +379,13 @@ enabled(){
}
}
if (this.config.showCharacterCount){
this.css.insert(".js-character-count.is-hidden { display: inline !important }");
}
if (this.config.hideTweetActions){
this.css.insert(".tweet-action { opacity: 0; }");
this.css.insert(".tweet-actions.is-visible .tweet-action { opacity: 0.5; }");
this.css.insert(".tweet-actions.is-visible .tweet-action { opacity: 0.5 }");
this.css.insert(".is-favorite .tweet-action, .is-retweet .tweet-action { opacity: 0.5; visibility: visible !important }");
this.css.insert(".tweet:hover .tweet-action, .tweet-action.is-selected, .is-favorite .tweet-action[rel='favorite'], .is-retweet .tweet-action[rel='retweet'] { opacity: 1 !important; visibility: visible !important }");
}

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

@ -92,14 +92,18 @@
<label class="txt-uppercase touch-larger-label">
<b>Design</b>
</label>
<label class="checkbox">
<input data-td-key="themeColorTweaks" class="js-theme-checkbox touch-larger-label" type="checkbox">
Theme color tweaks
</label>
<label class="checkbox">
<input data-td-key="revertIcons" class="js-theme-checkbox touch-larger-label" type="checkbox">
Revert icon design
</label>
<label class="checkbox">
<input data-td-key="showCharacterCount" class="js-theme-checkbox touch-larger-label" type="checkbox">
Always show character count
</label>
<label class="checkbox">
<input data-td-key="themeColorTweaks" class="js-theme-checkbox touch-larger-label" type="checkbox">
Theme color tweaks
</label>
<!-- ADVANCED -->

5
Resources/Scripts/styles/browser.css
View File

@ -129,11 +129,6 @@ a[data-full-url] {
word-break: break-all;
}
.character-count-compose {
/* fix strangely wide character count element */
width: 40px !important;
}
.is-video a:not([href*='youtu']) .icon-bg-dot, .is-gif .icon-bg-dot {
/* change play icon on mp4s */
color: #9f51cf;