Chat bottom setting.

Common/Localizable.xcstrings

@@ -26883,6 +26883,9 @@
           }
         }
       }
+    },
+    "Bottom" : {
+
     },
     "Bottom right" : {
       "localizations" : {

Moblin/Various/Settings.swift

@@ -1720,6 +1720,7 @@ class SettingsChat: Codable {
     var badges: Bool? = true
     var showFirstTimeChatterMessage: Bool? = true
     var showNewFollowerMessage: Bool? = true
+    var bottom: Double? = 0.0
 }
 
 enum SettingsMic: String, Codable, CaseIterable {
@@ -4441,5 +4442,9 @@ final class Settings {
             realDatabase.debug.srtlaBatchSend = false
             store()
         }
+        if realDatabase.chat.bottom == nil {
+            realDatabase.chat.bottom = 0.0
+            store()
+        }
     }
 }

Moblin/View/MainView.swift

@@ -194,7 +194,7 @@ struct MainView: View {
                         .ignoresSafeArea()
                         .edgesIgnoringSafeArea(.all)
                         GeometryReader { metrics in
-                            StreamOverlayView(width: metrics.size.width)
+                            StreamOverlayView(width: metrics.size.width, height: metrics.size.height)
                                 .opacity(model.showLocalOverlays ? 1 : 0)
                         }
                         if model.showFace && !model.showDrawOnStream {
@@ -346,7 +346,7 @@ struct MainView: View {
                         .ignoresSafeArea()
                         .edgesIgnoringSafeArea(.all)
                         GeometryReader { metrics in
-                            StreamOverlayView(width: metrics.size.width)
+                            StreamOverlayView(width: metrics.size.width, height: metrics.size.height)
                                 .opacity(model.showLocalOverlays ? 1 : 0)
                         }
                         if model.showDrawOnStream {

Moblin/View/Settings/Chat/ChatSettingsView.swift

@@ -9,6 +9,7 @@ struct ChatSettingsView: View {
     @State var shadowColor: Color
     @State var height: Double
     @State var width: Double
+    @State var bottom: Double
     @State var fontSize: Float
 
     func submitMaximumAge(value: String) {
@@ -171,7 +172,7 @@ struct ChatSettingsView: View {
                     Slider(
                         value: $height,
                         in: 0.2 ... 1.0,
-                        step: 0.05,
+                        step: 0.01,
                         onEditingChanged: { begin in
                             guard !begin else {
                                 return
@@ -191,7 +192,7 @@ struct ChatSettingsView: View {
                     Slider(
                         value: $width,
                         in: 0.2 ... 1.0,
-                        step: 0.05,
+                        step: 0.01,
                         onEditingChanged: { begin in
                             guard !begin else {
                                 return
@@ -206,6 +207,26 @@ struct ChatSettingsView: View {
                     Text("\(Int(100 * width)) %")
                         .frame(width: 55)
                 }
+                HStack {
+                    Text("Bottom")
+                    Slider(
+                        value: $bottom,
+                        in: 0.0 ... 0.5,
+                        step: 0.01,
+                        onEditingChanged: { begin in
+                            guard !begin else {
+                                return
+                            }
+                            model.database.chat.bottom = bottom
+                            model.reloadChatMessages()
+                        }
+                    )
+                    .onChange(of: bottom) { value in
+                        model.database.chat.bottom = value
+                    }
+                    Text("\(Int(100 * bottom)) %")
+                        .frame(width: 55)
+                }
             }
             if model.database.showAllSettings! {
                 Section {

Moblin/View/Settings/SettingsView.swift

@@ -45,6 +45,7 @@ struct SettingsView: View {
                         shadowColor: chat.shadowColor.color(),
                         height: chat.height!,
                         width: chat.width!,
+                        bottom: chat.bottom!,
                         fontSize: chat.fontSize
                     )
                 } label: {

Moblin/View/Stream/StreamOverlayView.swift

@@ -33,29 +33,46 @@ struct ChatInfo: View {
     }
 }
 
+private struct ChatPausedView: View {
+    @EnvironmentObject var model: Model
+
+    var body: some View {
+        if model.chatPaused {
+            ChatInfo(
+                message: String(localized: "Chat paused: \(model.pausedChatPostsCount) new messages")
+            )
+            .padding(2)
+        }
+    }
+}
+
 private struct ChatOverlayView: View {
     @EnvironmentObject var model: Model
+    let height: CGFloat
 
     var body: some View {
-        ZStack {
-            if model.stream.portrait! || model.database.portrait! {
-                VStack {
-                    StreamOverlayChatView()
-                    Rectangle()
-                        .foregroundColor(.clear)
-                        .frame(height: 85)
-                }
-            } else {
-                GeometryReader { metrics in
+        if model.stream.portrait! || model.database.portrait! {
+            VStack {
+                ZStack {
                     StreamOverlayChatView()
-                        .frame(width: metrics.size.width * 0.95)
+                    ChatPausedView()
                 }
+                Rectangle()
+                    .foregroundColor(.clear)
+                    .frame(height: 85)
             }
-            if model.chatPaused {
-                ChatInfo(
-                    message: String(localized: "Chat paused: \(model.pausedChatPostsCount) new messages")
-                )
-                .padding(2)
+        } else {
+            VStack {
+                ZStack {
+                    GeometryReader { metrics in
+                        StreamOverlayChatView()
+                            .frame(width: metrics.size.width * 0.95)
+                    }
+                    ChatPausedView()
+                }
+                Rectangle()
+                    .foregroundColor(.clear)
+                    .frame(height: height * model.database.chat.bottom!)
             }
         }
     }
@@ -112,6 +129,7 @@ private struct FrontTorchView: View {
 struct StreamOverlayView: View {
     @EnvironmentObject var model: Model
     let width: CGFloat
+    let height: CGFloat
 
     private func leadingPadding() -> CGFloat {
         if UIDevice.current
@@ -129,20 +147,15 @@ struct StreamOverlayView: View {
                 FrontTorchView()
             }
             ZStack {
-                if model.showingPanel != .chat, model.interactiveChat {
-                    ChatOverlayView()
+                if model.showingPanel != .chat {
+                    ChatOverlayView(height: height)
                         .opacity(model.database.chat.enabled! ? 1 : 0)
-                        .allowsHitTesting(true)
+                        .allowsHitTesting(model.interactiveChat)
                 }
                 HStack {
                     Spacer()
                     RightOverlayBottomView(width: width)
                 }
-                if model.showingPanel != .chat, !model.interactiveChat {
-                    ChatOverlayView()
-                        .opacity(model.database.chat.enabled! ? 1 : 0)
-                        .allowsHitTesting(false)
-                }
                 HStack {
                     LeftOverlayView()
                         .padding([.leading], leadingPadding())