@mjsz-vbr-elements/shared 2.7.0 → 2.7.1

package/dist/css/game-center-timeline.css

@@ -242,10 +242,14 @@
 
   .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-home-team {
         background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
+        outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
+        outline-offset: -2px;
       }
 
   .mjsz-vbr-gamecenter-timeline .mjsz-vbr-period-results span.is-away-team {
         background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
+        outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
+        outline-offset: -2px;
       }
 
   .mjsz-vbr-gamecenter-timeline-game-events .is-no-action {
@@ -395,8 +399,6 @@
           height: 14px;
         }
 
-  /* margin-block-start: 1px; */
-
   @container rows (width > 410px) {
 
   .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
@@ -405,22 +407,16 @@
         }
           }
 
-  /* outline-color: var(--vbr-widget-danger-color-a400); */
-
   .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty .is-event-type-icon {
           color: var(--vbr-widget-primary-color-0);
           background-color: var(--vbr-widget-danger-color-a400);
         }
 
-  /* outline-color: var(--vbr-widget-gamecenter-home-team-identifier-color); */
-
   .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-timeout .is-event-type-icon {
           color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
+          background-color: var(--vbr-widget-gamecenter-events-timeout-bg-color);
         }
 
-  /* outline-color: var(--vbr-widget-gamecenter-home-team-identifier-color); */
-
   .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goalies .is-event-type-icon {
           color: var(--vbr-widget-primary-color-900);
           background-color: var(--vbr-widget-neutral-color);
@@ -437,7 +433,6 @@
         }
 
   .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-goal {
-        /* color: var(--vbr-widget-secondary-color-500); */
         background-color: var(--vbr-widget-gamecenter-card-event-goal-bg-color);
         outline-color: var(--vbr-widget-gamecenter-card-event-goal-border-color);
       }
@@ -524,92 +519,10 @@
         border-radius: 6px;
       }
 
-  /* .is-event-type {
-      grid-area: event-type;
-
-      justify-self: center;
-
-      p {
-        display: flex;
-        align-items: center;
-        gap: 5px;
-        margin: 0;
-        padding-inline: 0.5rem;
-        color: var(--vbr-widget-primary-color-500);
-        font-size: small;
-        line-height: 1.5rem;
-        background-color: var(--vbr-widget-primary-color-100);
-        border-radius: 6px;
-      }
-
-      svg {
-        display: block;
-        width: 14px;
-        height: 14px;
-      }
-
-      &.is-goal {
-        p {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-danger-color-a400);
-        }
-      }
-
-      &.is-penalty {
-        p {
-          color: var(--vbr-widget-primary-color-900);
-        }
-      }
-
-      &.is-timeout {
-        p {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-secondary-color-700);
-        }
-      }
-
-      &.is-goalie-in {
-        p {
-          color: var(--vbr-widget-secondary-color-700);
-          border: 1px solid var(--vbr-widget-primary-color-100);
-          background-color: var(--vbr-widget-primary-color-0);
-        }
-      }
-
-      &.is-goalie-out {
-        p {
-          color: var(--vbr-widget-danger-color-700);
-          border: 1px solid var(--vbr-widget-primary-color-100);
-          background-color: var(--vbr-widget-primary-color-0);
-        }
-      }
-
-      &.is-penalty-shot-goal {
-        p {
-          color: var(--vbr-widget-primary-color-0);
-          background-color: var(--vbr-widget-danger-color-a400);
-        }
-      }
-
-      &.is-penalty-shot-no-goal {
-        p {
-          color: var(--vbr-widget-danger-color-700);
-          background-color: var(--vbr-widget-danger-color-100);
-        }
-      }
-    } */
-
   .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] .is-details-container {
         border-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
       }
 
-  /* &[data-team='home'] {
-      .is-details-list,
-      .is-details-title {
-        text-align: right;
-      }
-    } */
-
   @container rows (width > 500px) {
 
   .mjsz-vbr-gamecenter-timeline-game-event {
@@ -926,14 +839,19 @@
         background-color: transparent;
         border-radius: 100%;
         margin-inline-end: 0.25rem;
+        margin-block-end: 1px;
       }
 
   .mjsz-vbr-gamecenter-timeline-data-table.is-home-team h2:before {
         width: 8px;
         background-color: var(--vbr-widget-gamecenter-home-team-identifier-color);
+        outline: 1px solid var(--vbr-widget-gamecenter-home-team-identifier-border-color);
+        outline-offset: -1px;
       }
 
   .mjsz-vbr-gamecenter-timeline-data-table.is-away-team h2:before {
         width: 8px;
         background-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
+        outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
+        outline-offset: -1px;
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mjsz-vbr-elements/shared",
   "private": false,
-  "version": "2.7.0",
+  "version": "2.7.1",
   "author": "Ákos Stegner <akos.stegner@gmail.com>",
   "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
   "type": "module",