diff --git a/README.md b/README.md
index d1ed17ff..bd43bbb4 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
[](https://crowdin.com/project/zen-browser)
[](https://github.com/zen-browser/desktop/actions/workflows/build.yml)
-✨ Experience tranquillity while browsing the web without people tracking you! Zen is a privacy-focused browser that blocks trackers, ads, and other unwanted content while offering the best browsing experience!
+✨ Experience tranquillity while browsing the internet with Zen! Our mission is to give you a balance between speed, privacy and productivity!
diff --git a/src/browser/base/content/zen-styles/zen-sidebar-panels.css b/src/browser/base/content/zen-styles/zen-sidebar-panels.css
index da116f8d..3bdb4ebd 100644
--- a/src/browser/base/content/zen-styles/zen-sidebar-panels.css
+++ b/src/browser/base/content/zen-styles/zen-sidebar-panels.css
@@ -111,7 +111,7 @@
background: transparent;
border: none;
cursor: ew-resize;
- z-index: 2;
+ z-index: 3;
&:is(.zen-split-view-splitter[orient='vertical']) {
/* Bit of a hacky solution, but it works */
diff --git a/src/browser/base/content/zen-styles/zen-workspaces.css b/src/browser/base/content/zen-styles/zen-workspaces.css
index 497f52cd..ab55b1a5 100644
--- a/src/browser/base/content/zen-styles/zen-workspaces.css
+++ b/src/browser/base/content/zen-styles/zen-workspaces.css
@@ -72,7 +72,6 @@
&:has(toolbarbutton:hover) toolbarbutton[active='true'] {
&:not(:hover) {
width: min(var(--zen-overflowed-workspace-button-width), 25px);
- min-width: 10px;
&::after {
content: '';
diff --git a/src/browser/base/zen-components/ZenMediaController.mjs b/src/browser/base/zen-components/ZenMediaController.mjs
index cc10e570..19c28220 100644
--- a/src/browser/base/zen-components/ZenMediaController.mjs
+++ b/src/browser/base/zen-components/ZenMediaController.mjs
@@ -221,6 +221,8 @@ class ZenMediaController {
this._currentPosition = positionState.position;
this._currentDuration = positionState.duration;
+ this._currentPlaybackRate = positionState.playbackRate;
+
this.updateMediaPosition();
for (const key of this.supportedKeys) {
@@ -297,6 +299,8 @@ class ZenMediaController {
this._currentPosition = event.position;
this._currentDuration = event.duration;
+ this._currentPlaybackRate = event.playbackRate;
+
this.updateMediaPosition();
}
@@ -357,7 +361,7 @@ class ZenMediaController {
this._mediaUpdateInterval = setInterval(() => {
if (this._currentMediaController?.isPlaying) {
- this._currentPosition += 1;
+ this._currentPosition += 1 * this._currentPlaybackRate;
if (this._currentPosition > this._currentDuration) {
this._currentPosition = this._currentDuration;
}
@@ -392,6 +396,13 @@ class ZenMediaController {
const metadata = event.target.getMetadata();
this.mediaTitle.textContent = metadata.title || '';
this.mediaArtist.textContent = metadata.artist || '';
+
+ const mediaInfoElements = [this.mediaTitle, this.mediaArtist];
+ for (const element of mediaInfoElements) {
+ element.removeAttribute('overflow');
+ }
+
+ this.addLabelOverflows(mediaInfoElements);
}
_onPictureInPictureModeChange(event) {
diff --git a/src/toolkit/components/pictureinpicture/content/player-xhtml.patch b/src/toolkit/components/pictureinpicture/content/player-xhtml.patch
index 92d9b954..ff25ccce 100644
--- a/src/toolkit/components/pictureinpicture/content/player-xhtml.patch
+++ b/src/toolkit/components/pictureinpicture/content/player-xhtml.patch
@@ -1,8 +1,16 @@
diff --git a/toolkit/components/pictureinpicture/content/player.xhtml b/toolkit/components/pictureinpicture/content/player.xhtml
-index 440ce51e8e67e4d3a7bdcb78f38f2fb6684c9848..6b48a3178f9de460dd3b08728f5638ef2751de21 100644
+index 440ce51e8e67e4d3a7bdcb78f38f2fb6684c9848..38912579310314a13d516328ec770db6b589d243 100644
--- a/toolkit/components/pictureinpicture/content/player.xhtml
+++ b/toolkit/components/pictureinpicture/content/player.xhtml
-@@ -52,13 +52,22 @@
+@@ -17,6 +17,7 @@
+
+
+
++
+
+
+
+@@ -52,13 +53,22 @@
tabindex="10"
#endif
/>