qugalet/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

do the thing i wanted to do

Browse source
This commit is contained in:
Henry Jameson 2024-10-28 02:17:07 +02:00
parent 82504a1fcf
commit d6600bfa5a
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/settings_modal/tabs/style_tab/style_tab.js
View file

@ -662,7 +662,10 @@ export default {
const previewRules = computed(() => { const previewRules = computed(() => {
return overallPreviewRules.value.filter(r => { return overallPreviewRules.value.filter(r => {
const rule = r.parent ? r.parent : r const componentMatch = r.component === selectedComponentName.value
const parentComponentMatch = r.parent === selectedComponentName.value
if (!componentMatch && !parentComponentMatch) return false
const rule = parentComponentMatch ? r.parent : r
if (rule.component !== selectedComponentName.value) return false if (rule.component !== selectedComponentName.value) return false
if (rule.variant !== selectedVariant.value) return false if (rule.variant !== selectedVariant.value) return false
return r.state.filter(x => x !== 'normal').every(x => selectedState.has(x)) && return r.state.filter(x => x !== 'normal').every(x => selectedState.has(x)) &&
@ -695,9 +698,14 @@ export default {
}) })
const dynamicVars = computed(() => { const dynamicVars = computed(() => {
console.log('ERR', toValue(previewRules.value)) console.log('ERR', selectedComponentName.value)
// NEED TO FIND SHORTEST const sorted = [...previewRules.value].sort((a, b) => {
return previewRules.value.find(r => r.parent == null).dynamicVars const aSelectorLength = a.selector.split(/ /g).length
const bSelectorLength = b.selector.split(/ /g).length
return aSelectorLength - bSelectorLength
})
return sorted[0].dynamicVars
}) })
const previewColors = computed(() => { const previewColors = computed(() => {