summaryrefslogtreecommitdiff
path: root/ext/mixed
diff options
context:
space:
mode:
authortoasted-nutbread <toasted-nutbread@users.noreply.github.com>2020-12-18 12:06:39 -0500
committerGitHub <noreply@github.com>2020-12-18 12:06:39 -0500
commitf28fe33cae86affdb97843c15396d47f153a8144 (patch)
tree393a32c57ce7d4248d870e12f0d2537d2e184f2e /ext/mixed
parent5d8ac70395f548923549bb73d183004c9a71e756 (diff)
Change the resizer color when the window is being resized (#1120)
Diffstat (limited to 'ext/mixed')
-rw-r--r--ext/mixed/css/display.css3
-rw-r--r--ext/mixed/js/display.js10
2 files changed, 12 insertions, 1 deletions
diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index d95aee2f..f18ff325 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -1196,7 +1196,8 @@ button.action-button {
fill var(--animation-duration) linear,
opacity var(--animation-duration) linear;
}
-.frame-resizer-handle:hover {
+.frame-resizer-handle:hover,
+:root[data-is-resizing=true] .frame-resizer-handle {
fill: var(--accent-color);
opacity: 1;
}
diff --git a/ext/mixed/js/display.js b/ext/mixed/js/display.js
index 77bf9649..91168748 100644
--- a/ext/mixed/js/display.js
+++ b/ext/mixed/js/display.js
@@ -1868,6 +1868,11 @@ class Display extends EventDispatcher {
this._frameResizeEventListeners.addEventListener(window, 'blur', this._onFrameResizerWindowBlur.bind(this), false);
this._frameResizeEventListeners.addEventListener(window, 'mousemove', this._onFrameResizerMouseMove.bind(this), false);
+ const {documentElement} = document;
+ if (documentElement !== null) {
+ documentElement.dataset.isResizing = 'true';
+ }
+
this._initializeFrameResize(token);
}
@@ -1884,6 +1889,11 @@ class Display extends EventDispatcher {
this._frameResizeStartSize = null;
this._frameResizeStartOffset = null;
this._frameResizeToken = null;
+
+ const {documentElement} = document;
+ if (documentElement !== null) {
+ delete documentElement.dataset.isResizing;
+ }
}
async _updateFrameSize(x, y) {