Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add notification and focus options #245

Merged
merged 12 commits into from
Mar 2, 2023
Prev Previous commit
Next Next commit
options: align multiline options textboxes
  • Loading branch information
eugenesvk committed Mar 2, 2023
commit 3aa22752bcd88f0bc4701cf6c5c83857538e2b18
3 changes: 3 additions & 0 deletions source/options.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.field {
align-items: start;
}
53 changes: 29 additions & 24 deletions source/options.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<meta charset="UTF-8" />
<title>GhostText options</title>
<link rel="stylesheet" href="npm:webext-base-css">
<link rel="stylesheet" href="options.css">
eugenesvk marked this conversation as resolved.
Show resolved Hide resolved
<form id="options-form">
<label for="serverPort">
Server Port
Expand All @@ -18,31 +19,35 @@
required
/>
<br>
<input
name="notifyOnConnect"
id="notifyOnConnect"
type="checkbox"
value="notify"
checked=true
/>
<label for="notifyOnConnect">
Display notification popup on connect/disconnect with the text editor
</label>
<div class="field" style="display: flex">
<input
name="notifyOnConnect"
id="notifyOnConnect"
type="checkbox"
value="notify"
checked=true
/>
<label for="notifyOnConnect">
Display notification popup on connect/disconnect with the text editor
</label>
</div>
<br>
<input
name="focusOnDisconnect"
id="focusOnDisconnect"
type="checkbox"
value="focus"
checked=true
/>
<label for="focusOnDisconnect">
Focus browser's tab when text editor is disconnected
<br/>
(some OS bring browser to the foreground,
<br/>
others 'flash' browser in the taskbar)
</label>
<div class="field" style="display: flex">
<input
name="focusOnDisconnect"
id="focusOnDisconnect"
type="checkbox"
value="focus"
checked=true
/>
<label for="focusOnDisconnect">
Focus browser's tab when text editor is disconnected
<br/>
eugenesvk marked this conversation as resolved.
Show resolved Hide resolved
(some OS bring browser to the foreground,
<br/>
others 'flash' browser in the taskbar)
</label>
</div>
</form>
<p>You can find information on how GhostText works and how to troubleshoot any issues on <a href="https://github.com/fregante/GhostText">its repo</a>.</p>
<hr>
Expand Down