starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-25 01:58:54 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: fixes

Browse Source
This commit is contained in:
Herculino Trotta
2025-11-22 01:10:01 -03:00
parent af72e3f44e
commit 2ae57e83cb
4 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/templates/common/placeholder.html
View File

@@ -23,3 +23,4 @@
<div class="border-base-content/60"></div> <div class="border-base-content/60"></div>
<div class="bg-error/20"></div> <div class="bg-error/20"></div>
<div class="bg-success/20"></div> <div class="bg-success/20"></div>
<div class="checkbox checkbox-xs"></div>

12
app/templates/includes/tools/calculator.html
View File

@@ -1,5 +1,5 @@
{% load formats %} {% load formats %}
<div class="hidden w-[60vw] lg:w-[30vw] xl:w-[20vw] fixed shadow rounded-3xl bg-base-100 border-base-300 border border-solid text-center align-middle z-[2000] touch-none select-none" <div class="hidden w-[60vw] lg:w-[30vw] xl:w-[20vw] fixed shadow rounded-3xl bg-base-300 border-base-100 border border-solid text-center align-middle z-[2000] touch-none select-none"
id="calculator" id="calculator"
hx-preserve hx-preserve
_=" _="
@@ -48,7 +48,7 @@
end"> end">
<div id="calculator-handle" <div id="calculator-handle"
class="absolute bg-secondary rounded-t-lg cursor-move flex items-center justify-center top-[-20px] left-[3px] w-[2em] h-[20px]"> class="absolute bg-secondary text-secondary-content rounded-t-lg cursor-move flex items-center justify-center top-[-20px] left-[6px] w-[2em] h-[20px]">
<i class="fa-solid fa-grip"></i> <i class="fa-solid fa-grip"></i>
</div> </div>
@@ -91,13 +91,13 @@
end" end"
placeholder="2 + 2"> placeholder="2 + 2">
<div class="hidden" id="calculator-result-container"> <div class="hidden" id="calculator-result-container">
<div class="flex flex-row p-2 justify-between"> <div class="flex flex-row py-3 px-5 justify-between">
<div class="text-base-content/40">=</div> <div class="text-subtle">=</div>
<div id="calculator-result" class="select-all"></div> <div id="calculator-result" class="select-all"></div>
</div> </div>
</div> </div>
<div class="absolute cursor-pointer top-0 left-full start-100 -translate-x-1/2 -translate-y-1/2 p-0 bg-primary text-primary-content border border-base-100 rounded-full flex items-center justify-center w-5 h-5" <div class="btn btn-error btn-circle absolute cursor-pointer top-0 left-full start-100 -translate-x-1/2 -translate-y-1/2 p-0 flex items-center justify-center w-5 h-5"
_="on click trigger show on #calculator"> _="on click trigger show on #calculator">
<i class="fa-solid fa-xmark flex items-center justify-center w-full h-full"></i> <i class="fa-solid fa-xmark flex items-center justify-center w-full h-full content-center text-xs"></i>
</div> </div>
</div> </div>

4
frontend/src/js/select.js
View File

@@ -55,8 +55,8 @@ window.TomSelect = function createDynamicTomSelect(element) {
if (element.dataset.checkboxes === 'true') { if (element.dataset.checkboxes === 'true') {
config.plugins.checkbox_options = { config.plugins.checkbox_options = {
'checkedClassNames': ['ts-checked'], 'checkedClassNames': ['ts-checked', "checkbox", "checkbox-xs"],
'uncheckedClassNames': ['ts-unchecked'], 'uncheckedClassNames': ['ts-checked', "checkbox", "checkbox-xs"],
}; };
} }

10
frontend/src/styles/_tom-select.scss
View File

@@ -83,7 +83,7 @@
} }
/* Multi-select items (badges) */ /* Multi-select items (badges) */
.ts-wrapper.multi .ts-control > div { .ts-wrapper.multi .ts-control > div:not(.clear-button) {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -104,7 +104,7 @@
} }
/* Active multi-select item */ /* Active multi-select item */
.ts-wrapper.multi .ts-control > div.active { .ts-wrapper.multi .ts-control > div.active:not(.clear-button) {
background-color: var(--color-primary); background-color: var(--color-primary);
color: var(--color-primary-content); color: var(--color-primary-content);
border: 0 solid transparent; border: 0 solid transparent;
@@ -112,8 +112,8 @@
} }
/* Disabled multi-select items */ /* Disabled multi-select items */
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div:not(.clear-button),
.ts-wrapper.multi.disabled .ts-control > div.active { .ts-wrapper.multi.disabled .ts-control > div.active:not(.clear-button) {
background-color: var(--color-base-200); background-color: var(--color-base-200);
color: color-mix(in oklab, var(--color-base-content) 40%, transparent); color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
border: 0 solid transparent; border: 0 solid transparent;
@@ -337,7 +337,7 @@
} }
.plugin-clear_button .clear-button { .plugin-clear_button .clear-button {
right: 1.2rem; right: 2rem;
} }
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button.focus.has-items .clear-button,