UI: Add preview zoom widgets

This adds preview zoom out and zoom in buttons next the the scaling percent label. This also adds these as actions in the scaling menu, along with a reset zoom action.
obsproject · Aug 24, 2024 · a002652 · a002652
1 parent ec5f499
commit a002652
Show file tree

Hide file tree

Showing 9 changed files with 356 additions and 52 deletions.
diff --git a/UI/data/locale/en-US.ini b/UI/data/locale/en-US.ini
@@ -786,6 +786,9 @@ Basic.MainMenu.Edit.Scale.Window="Scale to Window"
 Basic.MainMenu.Edit.Scale.Canvas="Canvas (%1x%2)"
 Basic.MainMenu.Edit.Scale.Output="Output (%1x%2)"
 Basic.MainMenu.Edit.Scale.Manual="Scaled (%1x%2)"
+Basic.MainMenu.Edit.Scale.ResetZoom="Reset Zoom"
+Basic.MainMenu.Edit.Scale.ZoomOut="Zoom Out"
+Basic.MainMenu.Edit.Scale.ZoomIn="Zoom In"
 Basic.MainMenu.Edit.Transform="&Transform"
 Basic.MainMenu.Edit.Transform.EditTransform="&Edit Transform..."
 Basic.MainMenu.Edit.Transform.CopyTransform="Copy Transform"

diff --git a/UI/data/themes/System.obt b/UI/data/themes/System.obt
@@ -409,3 +409,12 @@ QCalendarWidget #qt_calendar_nextmonth {
 StatusBarWidget > QFrame {
     padding: 0px 12px 8px;
 }
+
+/* Preview zoom controls */
+#previewZoomOutButton {
+    qproperty-icon: url(:/res/images/minus.svg);
+}
+
+#previewZoomInButton {
+    qproperty-icon: url(:/res/images/plus.svg);
+}
diff --git a/UI/data/themes/Yami.obt b/UI/data/themes/Yami.obt
@@ -2015,4 +2015,14 @@ OBSBasicAdvAudio #scrollAreaWidgetContents {
 
 #previewYScrollBar {
     width: 16px;
-}
+}
+
+#previewZoomOutButton {
+    qproperty-icon: url(theme:Dark/minus.svg);
+    margin: 1px;
+}
+
+#previewZoomInButton {
+    qproperty-icon: url(theme:Dark/plus.svg);
+    margin: 1px;
+}
diff --git a/UI/data/themes/Yami_Light.ovt b/UI/data/themes/Yami_Light.ovt
@@ -311,3 +311,12 @@ QCalendarWidget #qt_calendar_prevmonth {
 QCalendarWidget #qt_calendar_nextmonth {
     qproperty-icon: url(theme:Light/right.svg);
 }
+
+/* Preview zoom controls */
+#previewZoomOutButton {
+    qproperty-icon: url(theme:Light/minus.svg);
+}
+
+#previewZoomInButton {
+    qproperty-icon: url(theme:Light/plus.svg);
+}