chylex/TweetDuck
1
0
Fork 0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-04-11 21:15:44 +02:00
Code

Make it easier to modify custom values for column width and font size

Browse Source
This commit is contained in:
chylex 2018-08-17 08:09:28 +02:00
parent ab3d8b0ae2
commit d9a80d1085
2 changed files with 12 additions and 8 deletions
Resources/Plugins/edit-design
browser.jsmodal.html

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

@ -173,20 +173,26 @@ enabled(){
// SELECTS
else if (tag === "SELECT"){
let optionCustom = item.find("option[value^='custom']");
let optionCustomNew = item.find("option[value^='change-custom']");
let resetMyValue = () => {
if (!item.val(me.config[key]).val() && optionCustom.length === 1){
item.val(optionCustom.attr("value"));
optionCustom.text(getTextForCustom(key));
optionCustomNew.show();
}
else{
optionCustom.text("Custom");
optionCustomNew.hide();
}
};
resetMyValue();
item.change(function(){ // TODO change doesn't fire when Custom is already selected
item.change(function(){
let val = item.val();
if (val === "custom-px"){
if (val.endsWith("custom-px")){
val = (prompt("Enter custom value (px):") || "").trim();
if (val){
@ -196,21 +202,17 @@ enabled(){
if (/^[0-9]+$/.test(val)){
updateKey(key, val+"px");
optionCustom.text(getTextForCustom(key));
}
else{
alert("Invalid value, only px values are supported.");
resetMyValue();
}
}
else{
resetMyValue();
}
}
else{
updateKey(key, item.val());
optionCustom.text("Custom");
}
resetMyValue();
});
}
// CUSTOM ELEMENTS

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

@ -41,6 +41,7 @@
<option value="350px">Wide (350px)</option>
<option value="400px">Extreme (400px)</option>
<option value="custom-px">Custom</option>
<option value="change-custom-px">Change custom value...</option>
</optgroup>
<option disabled></option>
<optgroup label="Dynamic width">
@ -66,6 +67,7 @@
<option value="15px">Large (15px)</option>
<option value="16px">Largest (16px)</option>
<option value="custom-px">Custom</option>
<option value="change-custom-px">Change custom value...</option>
</select>
<label class="checkbox">
<input data-td-key="increaseQuoteTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox">