diff --git a/app/assets/stylesheets/_global.css b/app/assets/stylesheets/_global.css index 67820e6ab..3b8196d97 100644 --- a/app/assets/stylesheets/_global.css +++ b/app/assets/stylesheets/_global.css @@ -48,7 +48,7 @@ /* Z-index */ --z-events-column-header: 1; - --z-events-day-header: 2; + --z-events-day-header: 3; --z-popup: 10; --z-terminal: 20; --z-tray: 21; diff --git a/app/assets/stylesheets/events.css b/app/assets/stylesheets/events.css index 4c97b949a..75b6c707a 100644 --- a/app/assets/stylesheets/events.css +++ b/app/assets/stylesheets/events.css @@ -18,17 +18,16 @@ } .events__activity-summary { - --border-color: var(--color-selected); - - background-color: var(--color-selected-light); font-style: italic; inline-size: auto; line-height: 1.3; + margin-block-end: calc(var(--block-space) * -1); margin-inline: auto; max-inline-size: 80ch; padding: 1.3lh 1lh 1lh; position: relative; text-align: start; + z-index: 2; &:has(.events__activity--generating) { --border-color: var(--color-selected-dark); @@ -57,9 +56,6 @@ } .btn { - --btn-background: var(--color-selected-light); - --btn-border-color: var(--color-selected-dark); - inset: auto 1em 1em auto; position: absolute; } @@ -104,6 +100,7 @@ .events__columns { border-block-start: var(--events-border); position: relative; + z-index: 1; @media (min-width: 640px) { align-items: end; diff --git a/app/views/events/day_timeline/_summary.html.erb b/app/views/events/day_timeline/_summary.html.erb index 4a9db8479..c73737a53 100644 --- a/app/views/events/day_timeline/_summary.html.erb +++ b/app/views/events/day_timeline/_summary.html.erb @@ -1,4 +1,4 @@ -