From 1e2fc81e5f7af2ce3350685fe882cef8fe655236 Mon Sep 17 00:00:00 2001 From: Luc Claustres Date: Mon, 6 May 2024 13:58:03 +0200 Subject: [PATCH] docs: updated graphics and map style section with extraStyle[build doc] --- docs/api/core/components.md | 7 +++++-- docs/api/map/map-mixins.md | 3 ++- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/docs/api/core/components.md b/docs/api/core/components.md index cb22397b1..db2e7d33b 100644 --- a/docs/api/core/components.md +++ b/docs/api/core/components.md @@ -338,8 +338,10 @@ Under the hood it relies on the [createShape](https://github.com/kalisio/kdk/blo color: 'black', // any HTML color or [Quasar color](https://quasar.dev/style/color-palette/) size: '12px', // any HTML size translation: ['-50%', '-50%'], // translation to apply to render the text relative to the shape - rotation: 0 // rotation to apply to render the text relative to the shape + rotation: 0, // rotation to apply to render the text relative to the shape + extraStyle: 'background-color: #1A1A1A' // additional CSS to be applied to text }, + extraStyle: 'transform: translate(50%, 0%)', // additional CSS to be applied to the whole element (ie shape, icon and text) html: null // an HTML element to be rendered } ``` @@ -356,7 +358,8 @@ Shapes['my-shape'] = { translation: // the default translation to apply to render the text. Default value is ['-50%', '-50%'] (optional) }, anchor: 'bottom-center', // the anchor of the shape. Default value is `center-center` (optional) - radiusToSize: (r) => { return ... } // a function to compute the size according a radius. Default function returns the double of the radius (optional) + radiusToSize: (r) => { return ... }, // a function to compute the size according a radius. Default function returns the double of the radius (optional) + extraStyle: 'background-color: #1A1A1A', // additional CSS to be applied to the shape (optional) }, ``` diff --git a/docs/api/map/map-mixins.md b/docs/api/map/map-mixins.md index a1058f97a..a67b28a2a 100644 --- a/docs/api/map/map-mixins.md +++ b/docs/api/map/map-mixins.md @@ -115,7 +115,8 @@ style: { color: 'black', // any HTML color or [Quasar color](https://quasar.dev/style/color-palette/) size: '12px', // any HTML size translation: ['-50%', '-50%'], // translation to apply to render the text relative to the shape - rotation: 0 // rotation to apply to render the text relative to the shape + rotation: 0, // rotation to apply to render the text relative to the shape + extraStyle: 'background-color: #1A1A1A' // additional CSS to be applied to text }, html: null // an HTML element to be rendered }