openreplay/frontend/app/components/Session_/EventsBlock/eventsBlock.css
2021-05-01 15:12:01 +05:30

74 lines
1.4 KiB
CSS

.eventsBlock {
width: 270px;
/* padding: 0 10px; */
margin-bottom: 5px;
}
.header {
/* height: 40px; */
/* margin-bottom: 15px; */
padding-left: 2px;
/* padding-right: 0px; */
& .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;
}