obsqrbtz/goose-highlighter
1
0
Fork 0
mirror of https://github.com/obsqrbtz/goose-highlighter.git synced 2026-04-08 20:19:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: color-boxes alignement

Browse Source
This commit is contained in:
Daniel Dada
2025-06-23 10:05:55 +03:00
parent ad636c0721
commit fdc992d91c
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
popup/popup.css
View File

@@ -225,11 +225,17 @@ button.danger:hover {
.color-row { .color-row {
display: flex; display: flex;
gap: 12px; gap: 24px;
align-items: center; align-items: center;
margin-bottom: 8px; margin-bottom: 8px;
} }
.color-label {
display: flex;
align-items: center;
gap: 6px;
}
#wordList { #wordList {
margin-top: 8px; margin-top: 8px;
position: relative; position: relative;

10
popup/popup.html
View File

@@ -35,8 +35,14 @@
<h2><i class="fa-solid fa-gear"></i> <span data-i18n="list_settings">List Settings</span></h2> <h2><i class="fa-solid fa-gear"></i> <span data-i18n="list_settings">List Settings</span></h2>
<label><span data-i18n="list_name">List Name:</span> <input type="text" id="listName" /></label> <label><span data-i18n="list_name">List Name:</span> <input type="text" id="listName" /></label>
<div class="color-row"> <div class="color-row">
<label><span data-i18n="background">Background:</span> <input type="color" id="listBg" /></label> <div class="color-label">
<label><span data-i18n="foreground">Foreground:</span> <input type="color" id="listFg" /></label> <span data-i18n="background">Background:</span>
<input type="color" id="listBg" />
</div>
<div class="color-label">
<span data-i18n="foreground">Foreground:</span>
<input type="color" id="listFg" />
</div>
</div> </div>
<label> <label>
<span data-i18n="enable_highlight">Enable Highlighting</span> <span data-i18n="enable_highlight">Enable Highlighting</span>