openreplay/frontend/app/components/Session_/EventsBlock/eventsBlock.module.css
Shekar Siri d9404d1d13
change(ui) - player user steps improvements (#1201)
* change(ui) - user steps

* change(ui) - user steps

* change(ui) - user steps

* change(ui) - user steps - icon and other styles
2023-04-24 16:02:18 +02:00

66 lines
1.2 KiB
CSS

.eventsBlock {
/* width: 290px; */
margin-bottom: 5px;
}
.header {
& .hAndProgress {
display:flex;
justify-content: space-between;
align-items: center;
/* margin-bottom: 5px; */
/* height: 40px; */
& .progress {
flex: 1;
margin: 0 0 0 15px;
& :global(.bar) {
background: #ffcc99;
}
& :global(.progress) {
font-size: 9px;
}
}
}
& h5 {
margin: 0; /* get rid of semantic, please*/
font-size: 14px;
font-weight: 700;
}
}
.eventsList {
/* box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.1); */
/* border-top: solid thin $gray-light-shade; */
&::-webkit-scrollbar {
width: 2px;
background: transparent !important;
background: rgba(0,0,0,0);
}
&::-webkit-scrollbar-thumb {
background: transparent !important;
}
&::-webkit-scrollbar-track {
background: transparent !important;
}
&:hover {
&::-webkit-scrollbar {
width: 2px;
background: rgba(0,0,0,0.1)
}
&::-webkit-scrollbar-track {
background: rgba(0,0,0,0.1)
}
&::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.1)
}
}
}
.sessionDetails {
display: flex;
font-size: 10px;
color: $gray-medium;
justify-content: space-between;
}