1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- import styled from '@emotion/styled';
- import FluidHeight from 'sentry/views/replays/detail/layout/fluidHeight';
- export const GridTable = styled(FluidHeight)`
- border: 1px solid ${p => p.theme.border};
- border-radius: ${p => p.theme.borderRadius};
- .beforeHoverTime + .afterHoverTime:before {
- border-top: 1px solid ${p => p.theme.purple200};
- content: '';
- left: 0;
- position: absolute;
- top: 0;
- width: 999999999%;
- }
- .beforeHoverTime:last-child:before {
- border-bottom: 1px solid ${p => p.theme.purple200};
- content: '';
- right: 0;
- position: absolute;
- bottom: 0;
- width: 999999999%;
- }
- .beforeCurrentTime + .afterCurrentTime:before {
- border-top: 1px solid ${p => p.theme.purple300};
- content: '';
- left: 0;
- position: absolute;
- top: 0;
- width: 999999999%;
- }
- .beforeCurrentTime:last-child:before {
- border-bottom: 1px solid ${p => p.theme.purple300};
- content: '';
- right: 0;
- position: absolute;
- bottom: 0;
- width: 999999999%;
- }
- `;
|