Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Element Templates Runtime Versions support #132

Merged
merged 11 commits into from
Dec 12, 2024
23 changes: 19 additions & 4 deletions assets/element-templates.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@
--unknown-template-background-color: var(--color-red-360-100-45);
--unknown-template-hover-background-color: var(--color-red-360-100-40);

--incompatible-template-background-color: rgb(255, 131, 43);
--incompatible-template-hover-background-color: hsl(25, 100%, 50%);

--select-template-information-text-color: var(--color-grey-225-10-55);

--deprecated-template-hover-background-color: var(--color-grey-225-10-50);
Expand Down Expand Up @@ -59,7 +62,8 @@

.bio-properties-panel-template-update-available:last-child,
.bio-properties-panel-applied-template-button:last-child,
.bio-properties-panel-template-not-found:last-child {
.bio-properties-panel-template-not-found:last-child,
.bio-properties-panel-template-incompatible:last-child {
margin-right: 32px;
}

Expand All @@ -77,7 +81,6 @@
background-color: var(--deprecated-template-hover-background-color);
}


.bio-properties-panel-template-not-found .bio-properties-panel-group-header-button {
background-color: var(--unknown-template-background-color);
color: var(--select-template-label-color);
Expand All @@ -88,13 +91,25 @@
background-color: var(--unknown-template-hover-background-color);
}

.bio-properties-panel-template-incompatible .bio-properties-panel-group-header-button {
background-color: var(--incompatible-template-background-color);
color: var(--select-template-label-color);
fill: var(--select-template-fill-color);
}

.bio-properties-panel-template-incompatible .bio-properties-panel-group-header-button:hover {
background-color: var(--incompatible-template-hover-background-color);
}

.bio-properties-panel-template-not-found-text,
.bio-properties-panel-template-update-available-text {
.bio-properties-panel-template-update-available-text,
.bio-properties-panel-template-incompatible-text {
color: var(--select-template-information-text-color);
}

.bio-properties-panel-template-not-found-text,
.bio-properties-panel-template-update-available-text,
.bio-properties-panel-deprecated-template-text {
.bio-properties-panel-deprecated-template-text,
.bio-properties-panel-template-incompatible-text {
width: 216px;
}
6 changes: 6 additions & 0 deletions karma.config.js
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@
/* eslint-env node */

const path = require('path');

const pkg = require('./package.json');

const {
DefinePlugin,
NormalModuleReplacementPlugin
Expand Down Expand Up @@ -93,6 +96,9 @@ module.exports = function(karma) {
plugins: [
new DefinePlugin({

// @nikku needs to be defined
'process.env.PKG_VERSION': JSON.stringify(pkg.version),

// @barmac: process.env has to be defined to make @testing-library/preact work
'process.env': {}
}),
Expand Down
Loading
Loading