radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Flip other dialog windows for RTL

main
Isaiah Odhner 2020-12-17 14:16:09 -05:00
parent 153de92b19
commit ffe55171f5
3 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/functions.js
View File

@ -2121,7 +2121,7 @@ function image_attributes(){
function show_convert_to_black_and_white() {
const $w = new $FormToolWindow("Convert to Black and White");
$w.addClass("convert-to-black-and-white");
$w.$main.append("<fieldset><legend>Threshold</legend><input type='range' min='0' max='1' step='0.01' value='0.5'></fieldset>");
$w.$main.append("<fieldset><legend>Threshold:</legend><input type='range' min='0' max='1' step='0.01' value='0.5'></fieldset>");
const $slider = $w.$main.find("input[type='range']");
const original_canvas = make_canvas(canvas);
let threshold;
@ -2172,7 +2172,7 @@ function image_flip_and_rotate(){
`);
const $rotate_by_angle = $(E("div")).appendTo($fieldset);
$rotate_by_angle.css({paddingLeft: "30px"});
$rotate_by_angle.addClass("sub-options");
$rotate_by_angle.append(`
<label><input type="radio" name="rotate-by-angle" value="90" checked/>90°</label>
<label><input type="radio" name="rotate-by-angle" value="180"/>180°</label>
@ -2249,6 +2249,7 @@ function image_flip_and_rotate(){
function image_stretch_and_skew(){
const $w = new $FormToolWindow(localize("Stretch and Skew"));
$w.addClass("stretch-and-skew");
const $fieldset_stretch = $(E("fieldset")).appendTo($w.$main);
$fieldset_stretch.append(`<legend>${localize("Stretch")}</legend><table></table>`);

8
styles/layout.css
View File

@ -610,9 +610,17 @@ html, body, .jspaint {
padding: 5px;
}
.stretch-and-skew .window-content,
.flip-and-rotate .window-content,
.convert-to-black-and-white .window-content {
direction: ltr;
}
.flip-and-rotate fieldset {
width: 200px;
}
.flip-and-rotate .sub-options {
padding-left: 30px;
}
/* Fix label ordering for RTL layout (display inline labels can get super out of order with the checkboxes/inputs - very confusing!) */
.window-content label {

10
styles/layout.rtl.css
View File

@ -610,12 +610,20 @@ html, body, .jspaint {
padding: 5px;
}
.stretch-and-skew .window-content,
.flip-and-rotate .window-content,
.convert-to-black-and-white .window-content {
direction: rtl;
}
.flip-and-rotate fieldset {
width: 200px;
}
.flip-and-rotate .sub-options {
padding-right: 30px;
}
/* Fix label ordering for RTL layout (display inline labels can get super out of order with the checkboxes/inputs - very confusing!) */
.attributes-window label {
.window-content label {
display: inline-flex;
flex-direction: row;
direction: rtl;