archive/bramw_baserow
1
0
Fork 0
mirror of https://gitlab.com/bramw/baserow.git synced 2025-04-10 15:47:32 +00:00
Code Issues Projects Releases Wiki Activity

Fix theme heading properties

Browse source
This commit is contained in:
Bram Wiepjes 2024-04-29 16:37:27 +02:00
parent d5a888a319
commit b544d29663
3 changed files with 5 additions and 5 deletions
web-frontend/modules/builder/components
elements/components
HeadingElement.vue
theme
MainThemeConfigBlock.vueThemeProvider.vue

2
web-frontend/modules/builder/components/elements/components/HeadingElement.vue
View file

@ -8,7 +8,7 @@
<ABHeading <ABHeading
:level="element.level" :level="element.level"
:style="{ :style="{
[`--heading-h${element.level}--color`]: resolveColor( [`--heading-h${element.level}-color`]: resolveColor(
element.font_color, element.font_color,
headingColorVariables headingColorVariables
), ),

4
web-frontend/modules/builder/components/theme/MainThemeConfigBlock.vue
View file

@ -111,8 +111,8 @@
class="margin-bottom-2 theme-settings__section-ellipsis" class="margin-bottom-2 theme-settings__section-ellipsis"
:class="`ab-heading--h${i}`" :class="`ab-heading--h${i}`"
:style="{ :style="{
[`--heading-h${i}--color`]: builder.theme[`heading_${i}_color`], [`--heading-h${i}-color`]: builder.theme[`heading_${i}_color`],
[`--heading-h${i}--font-size`]: [`--heading-h${i}-font-size`]:
builder.theme[`heading_${i}_font_size`] + 'px', builder.theme[`heading_${i}_font_size`] + 'px',
}" }"
> >

4
web-frontend/modules/builder/components/theme/ThemeProvider.vue
View file

@ -19,10 +19,10 @@ export default {
} }
const headings = Array.from([1, 2, 3, 4, 5, 6]).reduce( const headings = Array.from([1, 2, 3, 4, 5, 6]).reduce(
(headings, level) => ({ (headings, level) => ({
[`--heading-h${level}--font-size`]: `${ [`--heading-h${level}-font-size`]: `${
this.builder.theme[`heading_${level}_font_size`] this.builder.theme[`heading_${level}_font_size`]
}px`, }px`,
[`--heading-h${level}--color`]: [`--heading-h${level}-color`]:
this.builder.theme[`heading_${level}_color`], this.builder.theme[`heading_${level}_color`],
...headings, ...headings,
}), }),