diff --git a/resources/public/css/output.css b/resources/public/css/output.css index 8ad8b5d..fe85c04 100644 --- a/resources/public/css/output.css +++ b/resources/public/css/output.css @@ -1602,30 +1602,6 @@ html { background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); } -.toggle { - flex-shrink: 0; - --tglbg: var(--fallback-b1,oklch(var(--b1)/1)); - --handleoffset: 1.5rem; - --handleoffsetcalculator: calc(var(--handleoffset) * -1); - --togglehandleborder: 0 0; - height: 1.5rem; - width: 3rem; - cursor: pointer; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border-radius: var(--rounded-badge, 1.9rem); - border-width: 1px; - border-color: currentColor; - background-color: currentColor; - color: var(--fallback-bc,oklch(var(--bc)/0.5)); - transition: background, - box-shadow var(--animation-input, 0.2s) ease-out; - box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset, - var(--togglehandleborder); -} - .avatar-group { display: flex; overflow: hidden; @@ -2615,57 +2591,6 @@ details.collapse summary::-webkit-details-marker { } } -[dir="rtl"] .toggle { - --handleoffsetcalculator: calc(var(--handleoffset) * 1); -} - -.toggle:focus-visible { - outline-style: solid; - outline-width: 2px; - outline-offset: 2px; - outline-color: var(--fallback-bc,oklch(var(--bc)/0.2)); -} - -.toggle:hover { - background-color: currentColor; -} - -.toggle:checked, - .toggle[aria-checked="true"] { - background-image: none; - --handleoffsetcalculator: var(--handleoffset); - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); -} - -[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"] { - --handleoffsetcalculator: calc(var(--handleoffset) * -1); -} - -.toggle:indeterminate { - --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset; -} - -[dir="rtl"] .toggle:indeterminate { - box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, - calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, - 0 0 0 2px var(--tglbg) inset; -} - -.toggle:disabled { - cursor: not-allowed; - --tw-border-opacity: 1; - border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity))); - background-color: transparent; - opacity: 0.3; - --togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset, - var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset; -} - .badge-sm { height: 1rem; font-size: 0.75rem; @@ -2674,14 +2599,6 @@ details.collapse summary::-webkit-details-marker { padding-right: 0.438rem; } -.badge-md { - height: 1.25rem; - font-size: 0.875rem; - line-height: 1.25rem; - padding-left: 0.563rem; - padding-right: 0.563rem; -} - .badge-lg { height: 1.5rem; font-size: 1rem; @@ -3314,6 +3231,10 @@ details.collapse summary::-webkit-details-marker { animation: flyIn 0.5s ease-out forwards; } +.cursor-default { + cursor: default; +} + .cursor-grab { cursor: grab; } @@ -3322,10 +3243,6 @@ details.collapse summary::-webkit-details-marker { cursor: pointer; } -.cursor-default { - cursor: default; -} - .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -3394,10 +3311,6 @@ details.collapse summary::-webkit-details-marker { border-color: rgb(51 65 85 / var(--tw-divide-opacity)); } -.self-end { - align-self: flex-end; -} - .overflow-auto { overflow: auto; } diff --git a/src/ied/views/search.cljs b/src/ied/views/search.cljs index 04fe182..c1ebc0e 100644 --- a/src/ied/views/search.cljs +++ b/src/ied/views/search.cljs @@ -129,7 +129,7 @@ [:div (doall (for [filter filters] - ^{:key (get-in @concept-schemes [(:scheme filter) :id])} + ^{:key (:scheme filter)} [skos-multiselect-component [(get @concept-schemes (:scheme filter)) (:field filter) (:title filter)]]))])))