diff --git a/packages/main/src/themes/CalendarLegendItem.css b/packages/main/src/themes/CalendarLegendItem.css index ffc6ac2f9d0a..3a1140230c58 100644 --- a/packages/main/src/themes/CalendarLegendItem.css +++ b/packages/main/src/themes/CalendarLegendItem.css @@ -42,7 +42,20 @@ :host([type="Selected"]) .ui5-calendar-legend-item-box { background: var(--sapContent_Selected_Background); - border: 0.0625rem solid var(--sapContent_FocusColor); + border: 0.0625rem solid var(--sapList_SelectionBorderColor); +} + +/* Dot in the middle of the box */ +:host([type="Selected"]) .ui5-calendar-legend-item-box::after { + content: ""; + display: var(--_ui5-calendar-legend-item-box-dot-display); /* Dot should be visible only in sap_horizon and sap_horizon_dark themes */ + width: 0.25rem; + height: 0.25rem; + background: var(--sapContent_Selected_TextColor); + border-radius: 50%; + position: relative; + inset-block-start: 0.3125rem; + inset-inline-end: -0.3125rem; } :host([type="NonWorking"]) .ui5-calendar-legend-item-box { diff --git a/packages/main/src/themes/base/CalendarLegendItem-parameters.css b/packages/main/src/themes/base/CalendarLegendItem-parameters.css index 7a317e84d3d9..73f4389dab2b 100644 --- a/packages/main/src/themes/base/CalendarLegendItem-parameters.css +++ b/packages/main/src/themes/base/CalendarLegendItem-parameters.css @@ -4,4 +4,5 @@ --_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) dotted var(--sapContent_FocusColor); --_ui5-calendar-legend-item-root-focus-border-radius: 0; --_ui5-calendar-legend-item-root-width: 7.75rem; + --_ui5-calendar-legend-item-box-dot-display: none; } \ No newline at end of file diff --git a/packages/main/src/themes/sap_horizon/CalendarLegendItem-parameters.css b/packages/main/src/themes/sap_horizon/CalendarLegendItem-parameters.css index 895a97f6cf40..f803690f5057 100644 --- a/packages/main/src/themes/sap_horizon/CalendarLegendItem-parameters.css +++ b/packages/main/src/themes/sap_horizon/CalendarLegendItem-parameters.css @@ -3,4 +3,5 @@ :root { --_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor); --_ui5-calendar-legend-item-root-focus-border-radius: 0.125rem; + --_ui5-calendar-legend-item-box-dot-display: block; } \ No newline at end of file diff --git a/packages/main/src/themes/sap_horizon_dark/CalendarLegendItem-parameters.css b/packages/main/src/themes/sap_horizon_dark/CalendarLegendItem-parameters.css index 895a97f6cf40..f803690f5057 100644 --- a/packages/main/src/themes/sap_horizon_dark/CalendarLegendItem-parameters.css +++ b/packages/main/src/themes/sap_horizon_dark/CalendarLegendItem-parameters.css @@ -3,4 +3,5 @@ :root { --_ui5-calendar-legend-item-root-focus-border: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor); --_ui5-calendar-legend-item-root-focus-border-radius: 0.125rem; + --_ui5-calendar-legend-item-box-dot-display: block; } \ No newline at end of file