v/Cat-Printer
1
0
Fork 0
mirror of https://github.com/NaitLee/Cat-Printer.git synced 2025-05-18 00:00:18 -07:00
Code Issues Packages Projects Releases Wiki Activity

* Improved element alignment in "Insert Text" dialog

Browse Source
This commit is contained in:
Sync1211 2022-05-28 13:22:57 +02:00
parent 179aada453
commit 44df87011c
No known key found for this signature in database
GPG Key ID: B8878699435E69EC
4 changed files with 50 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
www/index.html
View File

@ -179,9 +179,11 @@
</div>
<div id="text-input">
<h1 data-i18n="insert-text">Insert Text</h1>
<div style="display:flex; flex-direction: column;">
<div>
<div id="text-settings">
<div name="font-and-size" class="text-settings-group">
<select id="text-font" style="margin: 0px; margin-left: 0px; margin-left: 10px;">
<option value="Arial">Arial (sans-serif)</option>
<option value="Brush Script MT">Brush Script MT (cursive)</option>
@ -195,8 +197,9 @@
<option value="Verdana">Verdana (sans-serif)</option>
</select>
<input id="text-size" type="number" name="text-size" min="1" max="100" value="20" data-key style="margin: 0px;"/>
<br>
<label data-i18n="wrap-by-space"><input type="checkbox" name="wrap-by-space" data-key checked />Wrap text</label>
</div>
<div name="wrap-and-align" class="text-settings-group">
<label data-i18n="wrap-by-space" name="wrap-by-space-label"><input type="checkbox" name="wrap-by-space" data-key checked />Wrap text</label>
<span class="text-align-container">
<input type="radio" name="text-align" value="left"/>
<span class="text-align-checkmark text-align-left"></span>
@ -210,6 +213,7 @@
<span class="text-align-checkmark text-align-center"></span>
</span>
</div>
</div>
<div id="text-textarea">
<textarea id="insert-text-area"></textarea>
</div>

6
www/lang/de-DE.json
View File

@ -107,9 +107,5 @@
"text-font": "Schriftart",
"text-size": "Textgröße",
"enter-text": "Text eingeben",
"wrap-by-space": "Autom. Zeilenumbruch",
"text-align": "Textausrichtung",
"align-left": "Linksbündig",
"align-mid": "Zentriert",
"align-right": "Rechtsbündig"
"wrap-by-space": "Autom. Zeilenumbruch"
}

6
www/lang/en-US.json
View File

@ -132,9 +132,5 @@
"text-font": "Font",
"text-size": "Size",
"enter-text": "Enter text",
"wrap-by-space": "Wrap words by spaces",
"text-align": "Align text",
"align-left": "Left",
"align-mid": "Center",
"align-right": "Right"
"wrap-by-space": "Wrap words by spaces"
}

15
www/main.css
View File

@ -700,3 +700,18 @@ body.high-contrast #control-overlay { background-color: var(--shade); }
.text-align-left { background-image: url("icons/text-left.svg")}
.text-align-center { background-image: url("icons/text-center.svg")}
.text-align-right { background-image: url("icons/text-right.svg")}
input[name="wrap-by-space"] { margin-right: 5px; }
#text-settings {
display: flex;
flex-direction: column;
}
.text-settings-group {
margin-top: 1rem;
}
.text-settings-group[name="wrap-and-align"] {
display: flex;
justify-content: center;
}
label[name="wrap-by-space-label"] { padding-right: 2%; }
#text-font { height: 100%; }