[Security Solution] Full screen Timeline CSS fixes

[andrew-goldstein]

[Security Solution] Full screen Timeline CSS fixes

Fixes CSS issues related to the Full screen timeline, Collapse event feature:

• Sometimes, Timeline's left padding is missing in Full screen mode
• The Attach to new case and Attach to existing case... actions should be centered in Full screen mode
• The Timeline flyout button is not opaque when the alerts table is in Full screen mode

Sometimes, Timeline's left padding is missing in Full screen mode

To reproduce:

1. Drag anything to the Timeline
2. Click the Full screen button

Expected result

• The timeline has left padding in full screen mode

Actual result

• Sometimes, the left padding of the Timeline is missing, per the screenshot below:

Fix: screenshot

The Attach to new case and Attach to existing case... actions should be centered in full screen mode

1. Create a new timeline with the following KQL query: agent.type : endpoint
2. Click the Analyze event button on any enabled event to view Resolver

Expected result

• The Attach to new case and Attach to existing case... actions should be centered between the horizontal lines

Actual result

• The Attach to new case and Attach to existing case... actions are NOT centered, per the screenshot below:

Fix: screenshot

The Timeline flyout button is not opaque when the alerts table is in Full screen mode

To reproduce:

1. Navigate to Security > Detections
2. Click on the Full screen button

Expected result

• The Timeline flyout button is opaque when the alerts table is in Full screen mode

Actual result

• The Timeline flyout button is NOT opaque when the alerts table is in Full screen mode, per the screenshot below:

Fix: screenshot (light theme)

Fix: screenshot (dark theme)

Desk testing

Desk tested in :

• Chrome 84.0.4147.89
• Firefox 78.0.2
• Safari 13.1.2

[elasticmachine]

Pinging @elastic/siem (Team:SIEM)

[kibanamachine]

💚 Build Succeeded

• continuous-integration/kibana-ci/pull-request
• Commit: 2bd4552

Build metrics

async chunks size

id	value	diff	baseline
securitySolution	7.3MB	+246.0B	7.3MB

History

• 💚 Build #63172 succeeded 4a2f7a7

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[stephmilovic]

code ✔️ manual testing ✔️ LGTM!

[elasticmachine]

Pinging @elastic/security-solution (Team: SecuritySolution)