diff --git a/RELEASE.rst b/RELEASE.rst index d5d3333689..01879811e4 100644 --- a/RELEASE.rst +++ b/RELEASE.rst @@ -1,6 +1,11 @@ Release Notes ============= +Version 0.66.9 +-------------- + +- fix: change play icon for video collection detail page (#3306) + Version 0.66.8 (Released May 06, 2026) -------------- diff --git a/frontends/main/src/app-pages/VideoPlaylistCollectionPage/VideoDetailPage.tsx b/frontends/main/src/app-pages/VideoPlaylistCollectionPage/VideoDetailPage.tsx index 9b4a6eecc1..784dd24059 100644 --- a/frontends/main/src/app-pages/VideoPlaylistCollectionPage/VideoDetailPage.tsx +++ b/frontends/main/src/app-pages/VideoPlaylistCollectionPage/VideoDetailPage.tsx @@ -123,10 +123,31 @@ const PlayerWrapper = styled.div(({ theme }) => ({ left: 0, }, ".vjs-big-play-button": { - width: "64px !important", - height: "64px !important", - lineHeight: "64px !important", + width: "92px !important", + height: "92px !important", + lineHeight: "92px !important", borderRadius: "50% !important", + backgroundColor: "#d8daddb3 !important", + border: "none !important", + fontSize: "4em !important", + marginTop: "-1.25em !important", + marginLeft: "-1.18em !important", + [theme.breakpoints.down("sm")]: { + width: "68px !important", + height: "68px !important", + lineHeight: "68px !important", + marginLeft: "-1em !important", + marginTop: "-.7em !important", + }, + }, + "& .vjs-big-play-button": { + opacity: 1, + transform: "scale(1)", + transition: "opacity 0.3s ease, transform 0.3s ease", + }, + "&:hover .vjs-big-play-button": { + opacity: 0.75, + transform: "scale(1.12)", }, })) diff --git a/main/settings.py b/main/settings.py index 199ca38c40..4a4a589de4 100644 --- a/main/settings.py +++ b/main/settings.py @@ -35,7 +35,7 @@ from main.settings_pluggy import * # noqa: F403 from openapi.settings_spectacular import open_spectacular_settings -VERSION = "0.66.8" +VERSION = "0.66.9" log = logging.getLogger()