make talking indicator scrollable horizontally

This commit is contained in:
KDSBrowne 2019-11-26 15:59:26 +00:00
parent b61fa7f9fc
commit 7e1727f652
2 changed files with 11 additions and 2 deletions

View File

@ -26,7 +26,7 @@
font-size: 1.5rem;
padding: var(--bars-padding) var(--bars-padding) 0 var(--bars-padding);
height: 6rem;
height: 6.75rem;
}
.wrapper {

View File

@ -32,11 +32,20 @@
}
.speaking {
flex-wrap: wrap;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
max-height: var(--talker-padding-xl);
}
.speaking::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent;
}
.talker {
flex: 0 0 auto;
@include highContrastOutline();
color: white;
font-weight: var(--talker-font-weight);