.channel-container { display: flex; flex-direction: column; } .channel-container .container-channel { position: relative; display: flex; flex-direction: row; justify-content: stretch; width: 100%; min-height: 16px; align-items: center; cursor: pointer; } .channel-container .container-channel .channel-type { flex-grow: 0; flex-shrink: 0; margin-right: 2px; } .channel-container .container-channel .container-channel-name { display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; justify-content: left; max-width: 100%; /* important for the repetitive channel name! */ overflow-x: hidden; height: 16px; } .channel-container .container-channel .container-channel-name.align-right { justify-content: right; } .channel-container .container-channel .container-channel-name.align-center, .channel-container .container-channel .container-channel-name.align-repetitive { justify-content: center; } .channel-container .container-channel .container-channel-name .channel-name { align-self: center; color: #828282; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .channel-container .container-channel .container-channel-name.align-repetitive .channel-name { text-overflow: clip; } .channel-container .container-channel .icons { display: flex; flex-direction: row; flex-grow: 0; flex-shrink: 0; } .channel-container .container-channel.move-selected { border-bottom: 1px solid black; } .channel-container .container-channel .show-channel-normal-only { display: none; } .channel-container .container-channel .show-channel-normal-only.channel-normal { display: block; } .channel-container .container-channel .icon_no_sound { position: relative; display: flex; } .channel-container .container-channel .icon_no_sound .background { width: 10px; height: 14px; background: red; position: absolute; top: 1px; left: 3px; z-index: -1; } .channel-container .container-clients { display: flex; flex-direction: column; } /*# sourceMappingURL=channel.css.map */