diff --git a/Resources/Plugins/edit-design/.meta b/Resources/Plugins/edit-design/.meta index d5377ffb..11426f95 100644 --- a/Resources/Plugins/edit-design/.meta +++ b/Resources/Plugins/edit-design/.meta @@ -8,7 +8,7 @@ Edit layout & design chylex [version] -1.1.4 +1.1.5 [website] https://tweetduck.chylex.com diff --git a/Resources/Plugins/edit-design/browser.js b/Resources/Plugins/edit-design/browser.js index e8893b64..50ca5ea2 100644 --- a/Resources/Plugins/edit-design/browser.js +++ b/Resources/Plugins/edit-design/browser.js @@ -12,6 +12,7 @@ enabled(){ moveTweetActionsToRight: true, themeColorTweaks: true, revertIcons: true, + increaseQuoteTextSize: false, smallComposeTextSize: false, optimizeAnimations: true, avatarRadius: 2 @@ -366,6 +367,10 @@ enabled(){ this.css.insert(".tweet-actions > li:nth-child(4) { margin-right: 2px !important }"); } + if (this.config.increaseQuoteTextSize){ + this.css.insert(".quoted-tweet { font-size: 1em !important }"); + } + if (this.config.smallComposeTextSize){ this.css.insert(".compose-text { font-size: 12px !important; height: 120px !important }"); } @@ -510,6 +515,10 @@ enabled(){ html[data-td-font] { font-size: ${this.config.fontSize} !important } .avatar { border-radius: ${this.config.avatarRadius}% !important } +${this.config.increaseQuoteTextSize ? ` +.quoted-tweet { font-size: 1em !important } +` : ``} + ${this.config.revertIcons ? ` @font-face { font-family: 'tweetdeckold'; src: url(\"https://ton.twimg.com/tweetdeck-web/web/assets/fonts/tweetdeck-regular-webfont.5f4ea87976.woff\") format(\"woff\"); font-weight: normal; font-style: normal } .icon-reply:before{content:"\\f006";font-family:tweetdeckold} diff --git a/Resources/Plugins/edit-design/modal.html b/Resources/Plugins/edit-design/modal.html index 80e486aa..0c4192f5 100644 --- a/Resources/Plugins/edit-design/modal.html +++ b/Resources/Plugins/edit-design/modal.html @@ -61,15 +61,13 @@ <option value="16px">Largest (16px)</option> <option value="custom">Custom</option> </select> - - <!-- ADVANCED --> - - <label class="txt-uppercase touch-larger-label"> - <b>Advanced</b> + <label class="checkbox"> + <input data-td-key="increaseQuoteTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox"> + Increase quoted tweet font size </label> <label class="checkbox"> - <input data-td-key="optimizeAnimations" class="js-theme-checkbox touch-larger-label" type="checkbox"> - Use more memory for smoother animations + <input data-td-key="smallComposeTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox"> + Small tweet input font size </label> </div> @@ -102,9 +100,15 @@ <input data-td-key="revertIcons" class="js-theme-checkbox touch-larger-label" type="checkbox"> Revert icon design </label> + + <!-- ADVANCED --> + + <label class="txt-uppercase touch-larger-label"> + <b>Advanced</b> + </label> <label class="checkbox"> - <input data-td-key="smallComposeTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox"> - Small compose tweet font size + <input data-td-key="optimizeAnimations" class="js-theme-checkbox touch-larger-label" type="checkbox"> + Use more memory for smoother animations </label> </div> @@ -163,11 +167,12 @@ .td-modal-inner-cols .l-column { padding: 15px 9px; box-sizing: border-box; + width: 225px; font-size: 0; /* fix custom font size breaking the modal layout */ } - .td-modal-inner-cols .l-column:nth-child(2) { - width: 250px; + .td-modal-inner-cols .l-column:nth-child(3) { + width: 200px; } .td-modal-inner-full { @@ -199,6 +204,14 @@ cursor: pointer; } + .td-modal-content select + label.checkbox { + margin-top: 9px; + } + + .td-modal-content input.js-theme-checkbox, .td-modal-content input.js-theme-radio { + margin-top: 1px; + } + /* Avatar shape */ .td-avatar-shape-container {