Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-31 13:01:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: add a gap between consecutive radios / check boxes

Browse Source
This commit is contained in:
Adorian Doran 2025-03-08 03:33:02 +02:00
parent 9626b42443
commit decf62c58c
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/app/widgets/type_widgets/options/text_notes/highlights_list.ts
View File

@ -9,11 +9,11 @@ const TPL = `
<p>${t("highlights_list.description")}</p> <p>${t("highlights_list.description")}</p>
<div> <div>
<label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="bold"> ${t("highlights_list.bold")} &nbsp;</label> <label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="bold"> ${t("highlights_list.bold")}</label>
<label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="italic"> ${t("highlights_list.italic")} &nbsp;</label> <label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="italic"> ${t("highlights_list.italic")}</label>
<label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="underline"> ${t("highlights_list.underline")} &nbsp;</label> <label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="underline"> ${t("highlights_list.underline")}</label>
<label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="color"> ${t("highlights_list.color")} &nbsp;</label> <label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="color"> ${t("highlights_list.color")}</label>
<label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="bgColor"> ${t("highlights_list.bg_color")} &nbsp;</label> <label class="tn-checkbox"><input type="checkbox" class="highlights-list-check form-check-input" value="bgColor"> ${t("highlights_list.bg_color")}</label>
</div> </div>
<hr /> <hr />

6
src/public/stylesheets/style.css
View File

@ -125,6 +125,12 @@ input[type="checkbox"] {
appearance: auto !important; appearance: auto !important;
} }
/* Add a gap between consecutive radios / check boxes */
label.tn-radio + label.tn-radio,
label.tn-checkbox + label.tn-checkbox {
margin-left: 12px;
}
#left-pane input, #left-pane input,
#left-pane select, #left-pane select,
#left-pane textarea { #left-pane textarea {

6
src/public/stylesheets/theme-next/forms.css
View File

@ -428,12 +428,6 @@ optgroup {
user-select: none; user-select: none;
} }
/* Add a gap between consecutive radios / check boxes */
label.tn-radio + label.tn-radio,
label.tn-checkbox + label.tn-checkbox {
margin-left: 12px;
}
/* The original input */ /* The original input */
label.tn-radio > input[type="radio"], label.tn-radio > input[type="radio"],
label.tn-checkbox > input[type="checkbox"] { label.tn-checkbox > input[type="checkbox"] {