From 61f22d67f33faf7a08e11c4f85f12a16a187044f Mon Sep 17 00:00:00 2001 From: nathan Date: Tue, 21 Jun 2022 08:44:28 -0600 Subject: [PATCH] Double thickness of colored category border in Et2SelectCategory --- api/js/etemplate/Et2Select/Et2SelectCategory.ts | 5 +++-- api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts | 2 +- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/api/js/etemplate/Et2Select/Et2SelectCategory.ts b/api/js/etemplate/Et2Select/Et2SelectCategory.ts index b8d6b47114..30c06a1edb 100644 --- a/api/js/etemplate/Et2Select/Et2SelectCategory.ts +++ b/api/js/etemplate/Et2Select/Et2SelectCategory.ts @@ -25,10 +25,11 @@ export class Et2SelectCategory extends Et2Select css` /* Category color on options */ ::slotted(*) { - border-left: 3px solid var(--category-color, transparent); + border-left: 6px solid var(--category-color, transparent); } + /* Border on the (single) selected value */ .select--standard .select__control { - border-left: 4px solid transparent; + border-left: 8px solid transparent; } ` ] diff --git a/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts b/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts index 0a7cacff47..db885f5edd 100644 --- a/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts +++ b/api/js/etemplate/Et2Select/Tag/Et2CategoryTag.ts @@ -25,7 +25,7 @@ export class Et2CategoryTag extends Et2Tag .tag { gap: var(--sl-spacing-2x-small); /* --category-color is passed through in _styleTemplate() */ - border-left: 5px solid var(--category-color, transparent); + border-left: 10px solid var(--category-color, transparent); } `]; }