extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-11-27 02:24:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

[bug] fix range value counts disabled states

Browse Source
This commit is contained in:
zombieFox 2019-11-26 02:14:27 +00:00
parent 5dc1bc1675
commit 1cc9cb631b
3 changed files with 88 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/css/form.css
View File

@ -1241,23 +1241,23 @@ input[type="range"]:disabled::-moz-range-progress {
cursor: default;
}
.form-group-text-small,
.form-group-text-medium,
.form-group-text-large {
.form-group-small,
.form-group-medium,
.form-group-large {
padding-left: 0.5em;
padding-right: 0.5em;
}
.form-group-text-small {
min-width: 3em;
.form-group-small {
width: 3em;
}
.form-group-text-medium {
min-width: 6em;
.form-group-medium {
width: 6em;
}
.form-group-text-large {
min-width: 9em;
.form-group-large {
width: 9em;
}
.form-group {

62
src/index.html
View File

@ -147,7 +147,7 @@
<label for="control-layout-width">Width</label>
<div class="form-group form-group-block mb-0">
<input id="control-layout-width" class="control-layout-width mr-3" type="range" min="5" max="100" value="0" tabindex="-1">
<div class="control-layout-width-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-layout-width-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<hr>
@ -220,7 +220,7 @@
<label for="control-layout-padding">Padding outside Header and Bookmark Area</label>
<div class="form-group form-group-block mb-0">
<input id="control-layout-padding" class="control-layout-padding mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
<div class="control-layout-padding-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-layout-padding-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
</div>
@ -234,7 +234,7 @@
<label for="control-layout-gutter">Gutter between Header and Bookmark items</label>
<div class="form-group form-group-block mb-0">
<input id="control-layout-gutter" class="control-layout-gutter mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
<div class="control-layout-gutter-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-layout-gutter-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
</div>
@ -267,7 +267,7 @@
<label for="control-header-area-width">Width</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-area-width" class="control-header-area-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-header-area-width-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-area-width-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<p class="control-header-area-width-helper form-helper small">Max width is defined by Layout Area Width.</p>
@ -346,7 +346,7 @@
<label for="control-header-greeting-size">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-greeting-size" class="control-header-greeting-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-greeting-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-greeting-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -379,7 +379,7 @@
<label for="control-header-transitional-size">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-transitional-size" class="control-header-transitional-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-transitional-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-transitional-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -456,7 +456,7 @@
<label for="control-header-clock-size">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-clock-size" class="control-header-clock-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-clock-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-clock-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -594,7 +594,7 @@
<label for="control-header-date-size">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-date-size" class="control-header-date-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-date-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-date-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -628,7 +628,7 @@
<label for="control-header-search-width">Width</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-search-width" class="control-header-search-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-header-search-width-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-search-width-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
</div>
@ -699,7 +699,7 @@
<label for="control-header-search-size">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-search-size" class="control-header-search-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-search-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-search-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<p class="control-header-search-size-helper form-helper small">Only the Search box width control will change the Width of the Search box.</p>
@ -738,7 +738,7 @@
<label for="control-header-button-size">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-button-size" class="control-header-button-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-button-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-button-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -755,7 +755,7 @@
<label for="control-header-border-top">Top</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-border-top" class="control-header-border-top mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
<div class="control-header-border-top-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-border-top-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<hr>
@ -763,7 +763,7 @@
<label for="control-header-border-bottom">Bottom</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-border-bottom" class="control-header-border-bottom mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
<div class="control-header-border-bottom-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-border-bottom-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
</div>
@ -812,7 +812,7 @@
<label for="control-header-shade-opacity">Opacity</label>
<div class="form-group form-group-block mb-0">
<input id="control-header-shade-opacity" class="control-header-shade-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-header-shade-opacity-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-header-shade-opacity-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<hr>
@ -840,7 +840,7 @@
<label for="control-group-name-size">Name Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-group-name-size" class="control-group-name-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-group-name-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-group-name-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -892,7 +892,7 @@
<label for="control-group-border">Between groups</label>
<div class="form-group form-group-block mb-0">
<input id="control-group-border" class="control-group-border mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
<div class="control-group-border-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-group-border-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<p class="control-link-area-width-helper form-helper small">Border between groups may not be visible if there is only one group.</p>
@ -910,7 +910,7 @@
<label for="control-link-area-width">Width</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-area-width" class="control-link-area-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-link-area-width-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-area-width-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<p class="control-link-area-width-helper form-helper small">Max width is defined by Layout Area Width.</p>
@ -952,7 +952,7 @@
<label for="control-link-item-size">Bookmark Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-size" class="control-link-item-size mr-3" type="range" min="50" max="500" value="0" step="10" tabindex="-1">
<div class="control-link-item-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1004,7 +1004,7 @@
<label for="control-link-item-display-rotate" class="">Content rotation</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-display-rotate" class="control-link-item-display-rotate mr-3" type="range" min="-180" max="180" value="0" step="5" tabindex="1">
<div class="control-link-item-display-rotate-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-display-rotate-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1015,7 +1015,7 @@
<label for="control-link-item-display-translate-x" class="">Content horizontally offset</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-display-translate-x" class="control-link-item-display-translate-x mr-3" type="range" min="-1000" max="1000" value="0" step="10" tabindex="1">
<div class="control-link-item-display-translate-x-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-display-translate-x-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1026,7 +1026,7 @@
<label for="control-link-item-display-translate-y" class="">Content vertically offset</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-display-translate-y" class="control-link-item-display-translate-y mr-3" type="range" min="-1000" max="1000" value="0" step="10" tabindex="1">
<div class="control-link-item-display-translate-y-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-display-translate-y-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1043,7 +1043,7 @@
<label for="control-link-item-display-letcon-letter-size">Letter size</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-display-letcon-letter-size" class="control-link-item-display-letcon-letter-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
<div class="control-link-item-display-letcon-letter-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-display-letcon-letter-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1054,7 +1054,7 @@
<label for="control-link-item-display-letcon-icon-size">Icon size</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-display-letcon-icon-size" class="control-link-item-display-letcon-icon-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
<div class="control-link-item-display-letcon-icon-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-display-letcon-icon-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1070,7 +1070,7 @@
<label for="control-link-item-display-name-size">Name size</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-display-name-size" class="control-link-item-display-name-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
<div class="control-link-item-display-name-size-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-display-name-size-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1135,7 +1135,7 @@
<label for="control-link-item-border">All sides</label>
<div class="form-group form-group-block mb-0">
<input id="control-link-item-border" class="control-link-item-border mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
<div class="control-link-item-border-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-link-item-border-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
</div>
@ -1271,7 +1271,7 @@
<label for="control-theme-radius">Radius</label>
<div class="form-group form-group-block mb-0">
<input id="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="300" value="0" step="10" tabindex="-1">
<div class="control-theme-radius-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-theme-radius-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
@ -1355,35 +1355,35 @@
<label for="control-background-image-opacity">Opacity</label>
<div class="form-group form-group-block mb-0">
<input id="control-background-image-opacity" class="control-background-image-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-opacity-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-background-image-opacity-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="input-wrap">
<label for="control-background-image-grayscale">Grayscale</label>
<div class="form-group form-group-block mb-0">
<input id="control-background-image-grayscale" class="control-background-image-grayscale mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-grayscale-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-background-image-grayscale-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="input-wrap">
<label for="control-background-image-blur">Blur</label>
<div class="form-group form-group-block mb-0">
<input id="control-background-image-blur" class="control-background-image-blur mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-blur-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-background-image-blur-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="input-wrap">
<label for="control-background-image-accent">Accent overlay</label>
<div class="form-group form-group-block mb-0">
<input id="control-background-image-accent" class="control-background-image-accent mr-3" type="range" min="0" max="90" value="0" tabindex="-1">
<div class="control-background-image-accent-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-background-image-accent-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
<div class="input-wrap">
<label for="control-background-image-scale">Size</label>
<div class="form-group form-group-block mb-0">
<input id="control-background-image-scale" class="control-background-image-scale mr-3" type="range" min="100" max="300" value="0" tabindex="-1">
<div class="control-background-image-scale-count form-group-text form-group-text-medium form-group-radius-left"></div>
<div class="control-background-image-scale-count form-group-text form-group-medium form-group-radius-left"></div>
</div>
</div>
</div>

50
src/js/control.js
View File

@ -3002,10 +3002,12 @@ var control = (function() {
if (state.get().header.clock.seconds.show || state.get().header.clock.minutes.show || state.get().header.clock.hours.show) {
_disable.element("[for=control-header-clock-size]", false);
_disable.input(".control-header-clock-size", false);
_disable.element(".control-header-clock-size-count", false);
_disable.input(".control-header-clock-size-default", false);
} else {
_disable.element("[for=control-header-clock-size]", true);
_disable.input(".control-header-clock-size", true);
_disable.element(".control-header-clock-size-count", true);
_disable.input(".control-header-clock-size-default", true);
};
};
@ -3102,10 +3104,12 @@ var control = (function() {
if (state.get().header.date.day.show || state.get().header.date.date.show || state.get().header.date.month.show || state.get().header.date.year.show) {
_disable.element("[for=control-header-date-size]", false);
_disable.input(".control-header-date-size", false);
_disable.element(".control-header-date-size-count", false);
_disable.input(".control-header-date-size-default", false);
} else {
_disable.element("[for=control-header-date-size]", true);
_disable.input(".control-header-date-size", true);
_disable.element(".control-header-date-size-count", true);
_disable.input(".control-header-date-size-default", true);
};
};
@ -3117,6 +3121,7 @@ var control = (function() {
_disable.element(".control-header-shade-style-scroll-helper", false);
_disable.element("[for=control-header-shade-opacity]", false);
_disable.input(".control-header-shade-opacity", false);
_disable.element(".control-header-shade-opacity-count", false);
_disable.input(".control-header-radius", false);
} else {
_disable.input(".control-header-shade-style-always", true);
@ -3125,6 +3130,7 @@ var control = (function() {
_disable.element(".control-header-shade-style-scroll-helper", true);
_disable.element("[for=control-header-shade-opacity]", true);
_disable.input(".control-header-shade-opacity", true);
_disable.element(".control-header-shade-opacity-count", true);
_disable.input(".control-header-radius", true);
};
};
@ -3137,6 +3143,7 @@ var control = (function() {
_disable.element(".control-header-search-style-custom-helper", false);
_disable.element("[for=control-header-search-width]", false);
_disable.input(".control-header-search-width", false);
_disable.element(".control-header-search-width-count", false);
_disable.input(".control-header-search-focus", false);
_disable.element(".control-header-search-focus-helper", false);
_disable.element(".control-header-search-engine-label", false);
@ -3153,6 +3160,7 @@ var control = (function() {
_disable.input(".control-header-search-text-alignment-right", false);
_disable.element("[for=control-header-search-size]", false);
_disable.input(".control-header-search-size", false);
_disable.element(".control-header-search-size-count", false);
_disable.input(".control-header-search-size-default", false);
_disable.element(".control-header-search-size-helper", false);
} else {
@ -3163,6 +3171,7 @@ var control = (function() {
_disable.element(".control-header-search-style-custom-helper", true);
_disable.element("[for=control-header-search-width]", true);
_disable.input(".control-header-search-width", true);
_disable.element(".control-header-search-width-count", true);
_disable.input(".control-header-search-focus", true);
_disable.element(".control-header-search-focus-helper", true);
_disable.element(".control-header-search-engine-label", true);
@ -3179,6 +3188,7 @@ var control = (function() {
_disable.input(".control-header-search-text-alignment-right", true);
_disable.element("[for=control-header-search-size]", true);
_disable.input(".control-header-search-size", true);
_disable.element(".control-header-search-size-count", true);
_disable.input(".control-header-search-size-default", true);
_disable.element(".control-header-search-size-helper", true);
};
@ -3198,9 +3208,11 @@ var control = (function() {
if (state.get().header.search.show && state.get().header.search.style === "custom") {
_disable.element("[for=control-header-search-width]", false);
_disable.input(".control-header-search-width", false);
_disable.element(".control-header-search-width-count", false);
} else {
_disable.element("[for=control-header-search-width]", true);
_disable.input(".control-header-search-width", true);
_disable.element(".control-header-search-width-count", true);
};
};
var _greeting = function() {
@ -3212,6 +3224,7 @@ var control = (function() {
_disable.input(".control-header-greeting-type-hi", false);
_disable.element("[for=control-header-greeting-size]", false);
_disable.input(".control-header-greeting-size", false);
_disable.element(".control-header-greeting-size-count", false);
_disable.input(".control-header-greeting-size-default", false);
} else {
_disable.element("[for=control-header-greeting-name]", true);
@ -3221,6 +3234,7 @@ var control = (function() {
_disable.input(".control-header-greeting-type-hi", true);
_disable.element("[for=control-header-greeting-size]", true);
_disable.input(".control-header-greeting-size", true);
_disable.element(".control-header-greeting-size-count", true);
_disable.input(".control-header-greeting-size-default", true);
};
};
@ -3237,12 +3251,14 @@ var control = (function() {
_disable.input(".control-header-transitional-type-its", false);
_disable.element("[for=control-header-transitional-size]", false);
_disable.input(".control-header-transitional-size", false);
_disable.element(".control-header-transitional-size-count", false);
_disable.input(".control-header-transitional-size-default", false);
} else {
_disable.input(".control-header-transitional-type-timeanddate", true);
_disable.input(".control-header-transitional-type-its", true);
_disable.element("[for=control-header-transitional-size]", true);
_disable.input(".control-header-transitional-size", true);
_disable.element(".control-header-transitional-size-count", true);
_disable.input(".control-header-transitional-size-default", true);
};
};
@ -3262,12 +3278,14 @@ var control = (function() {
};
var _group = function() {
if (state.get().group.name.show) {
_disable.input(".control-group-name-size", false);
_disable.element("[for=control-group-name-size]", false);
_disable.input(".control-group-name-size", false);
_disable.element(".control-group-name-size-count", false);
_disable.input(".control-group-name-size-default", false);
} else {
_disable.input(".control-group-name-size", true);
_disable.element("[for=control-group-name-size]", true);
_disable.input(".control-group-name-size", true);
_disable.element(".control-group-name-size-count", true);
_disable.input(".control-group-name-size-default", true);
};
};
@ -3277,6 +3295,7 @@ var control = (function() {
_disable.element(".control-layout-order-helper", true);
_disable.element("[for=control-link-area-width]", true);
_disable.input(".control-link-area-width", true);
_disable.element(".control-link-area-width-count", true);
_disable.input(".control-link-area-width-match", true);
_disable.element(".control-link-area-width-helper", true);
_disable.element(".control-link-area-alignment-grid", true);
@ -3287,26 +3306,33 @@ var control = (function() {
_disable.element(".control-link-area-alignment-helper", true);
_disable.element("[for=control-link-item-size]", true);
_disable.input(".control-link-item-size", true);
_disable.element(".control-link-item-size-count", true);
_disable.input(".control-link-item-size-default", true);
_disable.input(".control-link-item-display-letcon-show", true);
_disable.element("[for=control-link-item-display-letcon-letter-size]", true);
_disable.input(".control-link-item-display-letcon-letter-size", true);
_disable.element(".control-link-item-display-letcon-letter-size-count", true);
_disable.input(".control-link-item-display-letcon-letter-size-default", true);
_disable.element("[for=control-link-item-display-letcon-icon-size]", true);
_disable.input(".control-link-item-display-letcon-icon-size", true);
_disable.element(".control-link-item-display-letcon-icon-size-count", true);
_disable.input(".control-link-item-display-letcon-icon-size-default", true);
_disable.input(".control-link-item-display-name-show", true);
_disable.element("[for=control-link-item-display-name-size]", true);
_disable.input(".control-link-item-display-name-size", true);
_disable.element(".control-link-item-display-name-size-count", true);
_disable.input(".control-link-item-display-name-size-default", true);
_disable.element("[for=control-link-item-display-rotate]", true);
_disable.input(".control-link-item-display-rotate", true);
_disable.element(".control-link-item-display-rotate-count", true);
_disable.input(".control-link-item-display-rotate-default", true);
_disable.element("[for=control-link-item-display-translate-x]", true);
_disable.input(".control-link-item-display-translate-x", true);
_disable.element(".control-link-item-display-translate-x-count", true);
_disable.input(".control-link-item-display-translate-x-default", true);
_disable.element("[for=control-link-item-display-translate-y]", true);
_disable.input(".control-link-item-display-translate-y", true);
_disable.element(".control-link-item-display-translate-y-count", true);
_disable.input(".control-link-item-display-translate-y-default", true);
_disable.input(".control-link-item-display-direction-horizontal", true);
_disable.input(".control-link-item-display-direction-vertical", true);
@ -3332,6 +3358,7 @@ var control = (function() {
_disable.input(".control-link-newtab", true);
_disable.element("[for=control-link-item-border]", true);
_disable.input(".control-link-item-border", true);
_disable.element(".control-link-item-border-count", true);
_disable.input(".control-link-style-block", true);
_disable.element(".control-link-style-block-helper", true);
_disable.input(".control-link-style-list", true);
@ -3351,6 +3378,7 @@ var control = (function() {
_disable.element(".control-layout-order-helper", false);
_disable.element("[for=control-link-area-width]", false);
_disable.input(".control-link-area-width", false);
_disable.element(".control-link-area-width-count", false);
_disable.input(".control-link-area-width-match", false);
_disable.element(".control-link-area-width-helper", false);
_disable.element(".control-link-area-alignment-grid", false);
@ -3361,6 +3389,7 @@ var control = (function() {
_disable.element(".control-link-area-alignment-helper", false);
_disable.element("[for=control-link-item-size]", false);
_disable.input(".control-link-item-size", false);
_disable.element(".control-link-item-size-count", false);
_disable.input(".control-link-item-size-default", false);
_disable.input(".control-link-item-display-letcon-show", false);
_disable.input(".control-link-item-display-name-show", false);
@ -3371,6 +3400,7 @@ var control = (function() {
_disable.input(".control-link-newtab", false);
_disable.element("[for=control-link-item-border]", false);
_disable.input(".control-link-item-border", false);
_disable.element(".control-link-item-border-count", false);
_disable.input(".control-link-style-block", false);
_disable.element(".control-link-style-block-helper", false);
_disable.input(".control-link-style-list", false);
@ -3387,14 +3417,17 @@ var control = (function() {
if (state.get().link.item.display.letcon.show) {
_disable.element("[for=control-link-item-display-letcon-letter-size]", false);
_disable.input(".control-link-item-display-letcon-letter-size", false);
_disable.element(".control-link-item-display-letcon-letter-size-count", false);
_disable.input(".control-link-item-display-letcon-letter-size-default", false);
_disable.element("[for=control-link-item-display-letcon-icon-size]", false);
_disable.input(".control-link-item-display-letcon-icon-size", false);
_disable.element(".control-link-item-display-letcon-icon-size-count", false);
_disable.input(".control-link-item-display-letcon-icon-size-default", false);
};
if (state.get().link.item.display.name.show) {
_disable.element("[for=control-link-item-display-name-size]", false);
_disable.input(".control-link-item-display-name-size", false);
_disable.element(".control-link-item-display-name-size-count", false);
_disable.input(".control-link-item-display-name-size-default", false);
};
if (state.get().link.item.display.letcon.show || state.get().link.item.display.name.show) {
@ -3411,12 +3444,15 @@ var control = (function() {
_disable.input(".control-link-item-display-alignment-bottomright", false);
_disable.element("[for=control-link-item-display-rotate]", false);
_disable.input(".control-link-item-display-rotate", false);
_disable.element(".control-link-item-display-rotate-count", false);
_disable.input(".control-link-item-display-rotate-default", false);
_disable.element("[for=control-link-item-display-translate-x]", false);
_disable.input(".control-link-item-display-translate-x", false);
_disable.element(".control-link-item-display-translate-x-count", false);
_disable.input(".control-link-item-display-translate-x-default", false);
_disable.element("[for=control-link-item-display-translate-y]", false);
_disable.input(".control-link-item-display-translate-y", false);
_disable.element(".control-link-item-display-translate-y-count", false);
_disable.input(".control-link-item-display-translate-y-default", false);
};
if (state.get().link.item.display.letcon.show && state.get().link.item.display.name.show) {
@ -3452,27 +3488,37 @@ var control = (function() {
_disable.input(".control-background-image-from-url", false);
_disable.element("[for=control-background-image-opacity]", false);
_disable.input(".control-background-image-opacity", false);
_disable.element(".control-background-image-opacity-count", false);
_disable.element("[for=control-background-image-blur]", false);
_disable.input(".control-background-image-blur", false);
_disable.element(".control-background-image-blur-count", false);
_disable.element("[for=control-background-image-grayscale]", false);
_disable.input(".control-background-image-grayscale", false);
_disable.element(".control-background-image-grayscale-count", false);
_disable.element("[for=control-background-image-accent]", false);
_disable.input(".control-background-image-accent", false);
_disable.element(".control-background-image-accent-count", false);
_disable.element("[for=control-background-image-scale]", false);
_disable.input(".control-background-image-scale", false);
_disable.element(".control-background-image-scale-count", false);
} else {
_disable.input(".control-background-image-from-file", true);
_disable.input(".control-background-image-from-url", true);
_disable.element("[for=control-background-image-opacity]", true);
_disable.input(".control-background-image-opacity", true);
_disable.element(".control-background-image-opacity-count", true);
_disable.element("[for=control-background-image-blur]", true);
_disable.input(".control-background-image-blur", true);
_disable.element(".control-background-image-blur-count", true);
_disable.element("[for=control-background-image-grayscale]", true);
_disable.input(".control-background-image-grayscale", true);
_disable.element(".control-background-image-grayscale-count", true);
_disable.element("[for=control-background-image-accent]", true);
_disable.input(".control-background-image-accent", true);
_disable.element(".control-background-image-accent-count", true);
_disable.element("[for=control-background-image-scale]", true);
_disable.input(".control-background-image-scale", true);
_disable.element(".control-background-image-scale-count", true);
};
if (state.get().background.image.show && state.get().background.image.from == "file") {
_disable.element(".control-background-image-file-feedback", false);