From 87177fb28b86df9e48a576d6747a329f7551dda7 Mon Sep 17 00:00:00 2001 From: Martin Stamm Date: Wed, 23 Aug 2023 16:11:29 +0200 Subject: [PATCH] chore: remove `element-templates.css` use https://github.com/bpmn-io/bpmn-js-element-templates/blob/main/assets/element-templates.css instead related to #937 --- assets/element-templates.css | 83 ------------------------------------ test/TestHelper.js | 5 --- 2 files changed, 88 deletions(-) delete mode 100644 assets/element-templates.css diff --git a/assets/element-templates.css b/assets/element-templates.css deleted file mode 100644 index 31c49361a..000000000 --- a/assets/element-templates.css +++ /dev/null @@ -1,83 +0,0 @@ -.bio-properties-panel { - --select-template-background-color: var(--color-blue-205-100-50); - --select-template-hover-background-color: var(--color-blue-205-100-45); - --select-template-fill-color: var(--color-white); - --select-template-label-color: var(--color-white); - - --unknown-template-background-color: var(--color-red-360-100-45); - --unknown-template-hover-background-color: var(--color-red-360-100-40); - - --select-template-information-text-color: var(--color-grey-225-10-55); -} - -.bio-properties-panel-header-template-icon { - object-fit: contain; -} - -.bio-properties-panel-templates-group .bio-properties-panel-group-header { - position: initial; -} - -.bio-properties-panel-templates-group .bio-properties-panel-group-header-button:not(.bio-properties-panel-arrow) { - padding-right: 6px; - padding-left: 9px; - border-radius: 11px; -} - -.bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button, -.bio-properties-panel-template-update-available .bio-properties-panel-group-header-button, -.bio-properties-panel-group-header-button.bio-properties-panel-select-template-button { - background-color: var(--select-template-background-color); - color: var(--select-template-label-color); - fill: var(--select-template-fill-color); -} - -.bio-properties-panel-applied-template-button .bio-properties-panel-group-header-button:hover, -.bio-properties-panel-template-update-available .bio-properties-panel-group-header-button:hover, -.bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:hover { - background-color: var(--select-template-hover-background-color); -} - -.bio-properties-panel-templates-group .bio-properties-panel-group-header-button * { - color: inherit; -} - -.bio-properties-panel-templates-group .bio-properties-panel-group-header-button * + * { - margin-left: 2px; -} - -.bio-properties-panel-group-header-button.bio-properties-panel-select-template-button:last-child { - padding-right: 9px; - padding-left: 6px; - margin-right: 22px; -} - -.bio-properties-panel-template-update-available:last-child, -.bio-properties-panel-applied-template-button:last-child, -.bio-properties-panel-template-not-found:last-child { - margin-right: 32px; -} - -.bio-properties-panel-remove-template { - color: var(--text-error-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); - fill: var(--select-template-fill-color); -} - -.bio-properties-panel-template-not-found .bio-properties-panel-group-header-button:hover { - background-color: var(--unknown-template-hover-background-color); -} - -.bio-properties-panel-template-not-found-text, -.bio-properties-panel-template-update-available-text { - color: var(--select-template-information-text-color); -} - -.bio-properties-panel-template-not-found-text, -.bio-properties-panel-template-update-available-text { - width: 216px; -} diff --git a/test/TestHelper.js b/test/TestHelper.js index e1123fa0e..fc789c3bc 100644 --- a/test/TestHelper.js +++ b/test/TestHelper.js @@ -110,11 +110,6 @@ export function insertCoreStyles() { require('@bpmn-io/properties-panel/assets/properties-panel.css').default ); - insertCSS( - 'element-templates.css', - require('../assets/element-templates.css').default - ); - insertCSS( 'test.css', require('./test.css').default