moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix badgeNotification for themes2

This commit is contained in:
Henry Jameson 2024-03-04 19:10:23 +02:00
parent 545c875a85
commit 7238b218f9
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/services/theme_data/theme2_to_theme3.js
View File

@ -126,7 +126,6 @@ export const convertTheme2To3 = (data) => {
data.colors.link = data.colors.link || data.colors.accent data.colors.link = data.colors.link || data.colors.accent
const generateRoot = () => { const generateRoot = () => {
const directives = {} const directives = {}
console.log(data.colors)
basePaletteKeys.forEach(key => { directives['--' + key] = 'color | ' + convert(data.colors[key]).hex }) basePaletteKeys.forEach(key => { directives['--' + key] = 'color | ' + convert(data.colors[key]).hex })
return { return {
component: 'Root', component: 'Root',
@ -506,7 +505,6 @@ export const convertTheme2To3 = (data) => {
{ ...newRule, component: 'Tab' }, { ...newRule, component: 'Tab' },
{ ...newRule, component: 'ScrollbarElement' } { ...newRule, component: 'ScrollbarElement' }
] ]
console.log(newRule)
if (newRule.state?.indexOf('toggled') >= 0) { if (newRule.state?.indexOf('toggled') >= 0) {
rules.push({ ...newRule, state: [...newRule.state, 'focused'] }) rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
rules.push({ ...newRule, state: [...newRule.state, 'hover'] }) rules.push({ ...newRule, state: [...newRule.state, 'hover'] })
@ -516,6 +514,12 @@ export const convertTheme2To3 = (data) => {
rules.push({ ...newRule, state: [...newRule.state, 'focused'] }) rules.push({ ...newRule, state: [...newRule.state, 'focused'] })
} }
return rules return rules
} else if (newRule.component === 'Badge') {
if (newRule.variant === 'notification') {
return [newRule, { component: 'Root', directives: { '--badgeNotification': 'color | ' + newRule.directives.background } }]
} else {
return [newRule]
}
} else if (newRule.component === 'TopBar') { } else if (newRule.component === 'TopBar') {
return [newRule, { ...newRule, parent: { component: 'MobileDrawer' }, component: 'PanelHeader' }] return [newRule, { ...newRule, parent: { component: 'MobileDrawer' }, component: 'PanelHeader' }]
} else { } else {