diff --git a/client/src/common/components/views/Paginator.module.css b/client/src/common/components/views/Paginator.module.css index 5e58e99ad..165f568ed 100644 --- a/client/src/common/components/views/Paginator.module.css +++ b/client/src/common/components/views/Paginator.module.css @@ -37,6 +37,10 @@ .entryTitle { align-self: center; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .entryPast, diff --git a/client/src/features/editors/list/EventBlock.module.css b/client/src/features/editors/list/EventBlock.module.css index bc7f34764..f74a78ed4 100644 --- a/client/src/features/editors/list/EventBlock.module.css +++ b/client/src/features/editors/list/EventBlock.module.css @@ -144,6 +144,9 @@ border-radius: 4px; width: 100%; display: block; + + white-space: nowrap; + overflow: hidden; } .oscLabel { diff --git a/client/src/features/info/Info.module.css b/client/src/features/info/Info.module.css index c6c63793d..bfafd4303 100644 --- a/client/src/features/info/Info.module.css +++ b/client/src/features/info/Info.module.css @@ -6,6 +6,8 @@ border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 8px; + + max-width: 90%; } .main { @@ -13,6 +15,8 @@ color: #ff7597; display: flex; justify-content: space-between; + + max-width: 90%; } .header { @@ -24,6 +28,12 @@ justify-content: space-between; } +.labelContainer { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + .label, .emptyLabel { padding: 0; @@ -47,6 +57,8 @@ .notes { color: #d69e2e; + overflow: hidden; + text-overflow: ellipsis; } .if { diff --git a/client/src/features/info/InfoTitle.jsx b/client/src/features/info/InfoTitle.jsx index 31759057e..c27130bb0 100644 --- a/client/src/features/info/InfoTitle.jsx +++ b/client/src/features/info/InfoTitle.jsx @@ -26,19 +26,19 @@ export default function InfoTitle(props) { {!collapsed && ( <> -
+
Title {data.title}
-
+
Presenter {data.presenter}
-
+
Subtitle diff --git a/client/src/features/viewers/backstage/StageManager.module.css b/client/src/features/viewers/backstage/StageManager.module.css index cf9bad51e..484502503 100644 --- a/client/src/features/viewers/backstage/StageManager.module.css +++ b/client/src/features/viewers/backstage/StageManager.module.css @@ -55,6 +55,8 @@ .todayContainer { background-color: rgba(255, 255, 255, 0.05); padding: 1vh 2vw; + + overflow: hidden; } .clockContainer, @@ -163,7 +165,7 @@ .countdownContainer { grid-area: clck; - border-radius: 1vw 1vw 0 0; + border-radius: 1vw 1vw 0 0; } .clock { diff --git a/client/src/features/viewers/foh/Public.module.css b/client/src/features/viewers/foh/Public.module.css index 4110f9c48..905b6d6e6 100644 --- a/client/src/features/viewers/foh/Public.module.css +++ b/client/src/features/viewers/foh/Public.module.css @@ -55,6 +55,8 @@ .todayContainer { background-color: rgba(255, 255, 255, 0.05); padding: 1vh 2vw; + + overflow: hidden; } .clockContainer,