diff --git a/CHANGELOG.md b/CHANGELOG.md
index bfd0b1c6..b7140b0c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -28,13 +28,15 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
- ``
- input component for colors
- uses a subset from the configured color palette by default, but it also allows to enter custom colors
+- ``
+ - `MultiSuggestFieldSelectionProps` provides `newlyRemoved` for callbacks set when removing a selected item
+- ``
+ - inline `code` uses same gray background highlighting like code blocks
- CSS custom properties
- beside the color palette we now mirror the most important layout configuration variables as CSS custom properties
- new icons:
- `state-confirmed-all`
- `state-declined-all`
-- ``
- - `MultiSuggestFieldSelectionProps` provides `newlyRemoved` for callbacks set when removing a selected item
### Fixed
@@ -62,6 +64,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
- ``
- `onSelection` now sets `newlySelected` only for add actions and no longer sets it to the last element
- border of the BlueprintJS `Tag` elements were fixed
+- ``
+ - fix specificity for pointer-events rules on SVG
- ``
- badge is correctly displayed when `badge={0}`
- Focus outlines
diff --git a/package.json b/package.json
index 5e21c3fb..f7031d54 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "@eccenca/gui-elements",
"description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
- "version": "25.0.0",
+ "version": "25.1.0",
"license": "Apache-2.0",
"homepage": "https://github.com/eccenca/gui-elements",
"bugs": "https://github.com/eccenca/gui-elements/issues",
diff --git a/src/cmem/markdown/Markdown.stories.tsx b/src/cmem/markdown/Markdown.stories.tsx
index 2754e20c..ee7adef3 100644
--- a/src/cmem/markdown/Markdown.stories.tsx
+++ b/src/cmem/markdown/Markdown.stories.tsx
@@ -36,7 +36,7 @@ This is a paragraph.
* another line
3. third item
-This is a paragraph with a [text link](http://example.com/) and a footnote reference [^1].
+This is a paragraph with a [text link](http://example.com/), some \`inline code\`, and a footnote reference [^1].
## Headline level 2
### Headline level 3
@@ -44,7 +44,7 @@ This is a paragraph with a [text link](http://example.com/) and a footnote refer
##### Headline level 5
###### Headline level 6
- This is a code block.
+ This is a code block.
\`\`\`
another code block
diff --git a/src/components/Dialog/dialog.scss b/src/components/Dialog/dialog.scss
index 259cd8d2..81a86ef9 100644
--- a/src/components/Dialog/dialog.scss
+++ b/src/components/Dialog/dialog.scss
@@ -41,7 +41,7 @@ $eccgui-color-modal-backdrop: eccgui-color-rgba(
max-width: calc(100vw - 4rem);
max-height: calc(100vh - 4rem);
margin: 2rem;
- pointer-events: all;
+ pointer-events: auto;
user-select: text;
& > * {
@@ -50,7 +50,7 @@ $eccgui-color-modal-backdrop: eccgui-color-rgba(
max-width: 100%;
}
- * {
+ *:has(> svg) {
pointer-events: all;
}
diff --git a/src/components/Typography/typography.scss b/src/components/Typography/typography.scss
index d264df1c..64cfaf62 100644
--- a/src/components/Typography/typography.scss
+++ b/src/components/Typography/typography.scss
@@ -13,20 +13,26 @@ html {
body {
font-family: $eccgui-font-family-default;
- font-weight: $eccgui-font-weight-regular;
- text-rendering: optimizelegibility;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+
// User-facing text may contain Unicode symbols (e.g. "★") that fall outside the primary font stack.
// Browsers pick different system fallback fonts for such characters, causing glyphs to render at
// different optical sizes (smaller in Firefox). font-size-adjust normalises the fallback font size
// by matching the primary font's x-height, reducing the visual size discrepancy across browsers.
font-size-adjust: from-font;
+ font-weight: $eccgui-font-weight-regular;
+ text-rendering: optimizelegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
}
code {
font-family: $eccgui-font-family-monospace;
font-size: 0.9em;
+
+ .#{$eccgui}-typography__contentblock &,
+ &.#{$eccgui}-typography__text {
+ background-color: $eccgui-color-workspace-background;
+ }
}
strong {