Salastil/streamwall
1
0
Fork 0
mirror of https://github.com/streamwall/streamwall.git synced 2026-04-03 20:32:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Ellipsize long stream titles

Browse Source
This commit is contained in:
Max Goodhart
2020-06-18 20:58:43 -07:00
parent f62230cee9
commit cec898900f
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/browser/overlay.js
View File

@@ -34,7 +34,9 @@ function Overlay({ spaces, streamData }) {
{data && ( {data && (
<StreamTitle isListening={isListening}> <StreamTitle isListening={isListening}>
<StreamIcon url={url} /> <StreamIcon url={url} />
{data.Source} &ndash; {data.City} {data.State} <span>
{data.Source} &ndash; {data.City} {data.State}
</span>
</StreamTitle> </StreamTitle>
)} )}
{isLoading && <LoadingSpinner />} {isLoading && <LoadingSpinner />}
@@ -91,6 +93,8 @@ function StreamIcon({ url, ...props }) {
const SpaceBorder = styled.div.attrs((props) => ({ const SpaceBorder = styled.div.attrs((props) => ({
borderWidth: 2, borderWidth: 2,
}))` }))`
display: flex;
align-items: flex-start;
position: fixed; position: fixed;
left: ${({ pos }) => pos.x}px; left: ${({ pos }) => pos.x}px;
top: ${({ pos }) => pos.y}px; top: ${({ pos }) => pos.y}px;
@@ -127,6 +131,13 @@ const StreamTitle = styled.div`
isListening ? 'rgba(255, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.5)'}; isListening ? 'rgba(255, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.5)'};
border-radius: 4px; border-radius: 4px;
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
overflow: hidden;
span {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
svg { svg {
width: 1.25em; width: 1.25em;