Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Force GitHub README to respect dark mode (function() { var style = document.createElement('style'); style.textContent = ' .markdown-body { color-scheme: dark light; } .markdown-body pre { background: #161b22 !important; } .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; } .markdown-body table th, .markdown-body table td { border-color: #30363d !important; } .markdown-body img { background: #0d1117; } .markdown-body blockquote { border-left-color: #8b949e; } .markdown-body hr { border-color: #30363d; } '; document.head.appendChild(style); })(); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Highlight search terms from Google/DuckDuckGo/Bing referrer (function() { var ref = document.referrer; var terms = []; if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) { var url = new URL(ref); var q = url.searchParams.get('q') || url.searchParams.get('p'); if (q) { terms = q.split(/\s+/).filter(function(t) { return t.length > 2; }); } } if (terms.length === 0) return; var style = document.createElement('style'); style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }'; document.head.appendChild(style); function highlight(node) { if (node.nodeType === 3) { // text node var text = node.textContent; var found = false; terms.forEach(function(term) { var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ' fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ' fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio
, 'i'); if (__m === '*' || __re.test(location.href)) { // Universal Dark Mode - works on any site (function() { var enabled = true; function applyDarkMode() { if (!enabled) return; // Create style element if it doesn't exist var style = document.getElementById('universal-dark-mode-style'); if (!style) { style = document.createElement('style'); style.id = 'universal-dark-mode-style'; document.head.appendChild(style); } // Dark mode CSS - inverts colors but preserves images/video style.textContent = ' /* Invert everything except media */ html { filter: invert(1) hue-rotate(180deg) !important; background: #1a1a2e !important; } /* Restore images, videos, iframes, canvas */ img, video, iframe, canvas, svg, picture, [style*="background-image"] { filter: invert(1) hue-rotate(180deg) !important; } /* Preserve specific elements that should not be inverted */ .no-dark-mode, .no-dark-mode *, [data-theme="light"], [data-theme="light"], .ace_editor, .ace_editor *, .CodeMirror, .CodeMirror *, .monaco-editor, .monaco-editor *, .markdown-body pre, .markdown-body pre *, .highlight, .highlight *, pre code, pre code * { filter: none !important; } /* Fix common UI elements */ .modal, .popup, .dropdown-menu, .tooltip, .popover { filter: invert(1) hue-rotate(180deg) !important; background: #2d2d44 !important; border-color: #444 !important; } /* Scrollbars */ ::-webkit-scrollbar { background: #1a1a2e !important; } ::-webkit-scrollbar-thumb { background: #444 !important; } ::-webkit-scrollbar-thumb:hover { background: #555 !important; } /* Selection */ ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; } ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; } '; } function removeDarkMode() { var style = document.getElementById('universal-dark-mode-style'); if (style) style.remove(); } // Toggle with Alt+Shift+D document.addEventListener('keydown', function(e) { if (e.altKey && e.shiftKey && e.key === 'D') { e.preventDefault(); enabled = !enabled; if (enabled) { applyDarkMode(); console.log('[Universal Dark Mode] Enabled'); } else { removeDarkMode(); console.log('[Universal Dark Mode] Disabled'); } } }); // Apply on load applyDarkMode(); // Re-apply on dynamic content var observer = new MutationObserver(function(mutations) { if (enabled && !document.getElementById('universal-dark-mode-style')) { applyDarkMode(); } }); observer.observe(document.head, { childList: true }); console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle'); })(); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })(); fix(stacking_window): stabilize window widths on navigation by Gelio · Pull Request #69 · weilbith/nvim-code-action-menu · GitHub
Skip to content
This repository was archived by the owner on Dec 11, 2023. It is now read-only.

fix(stacking_window): stabilize window widths on navigation - #69

Open
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths
Open

fix(stacking_window): stabilize window widths on navigation#69
Gelio wants to merge 1 commit into
weilbith:mainfrom
Gelio:stabilize-windows-widths

Conversation

@Gelio

Copy link
Copy Markdown
Contributor

Context

The order of stacked windows is: menu, details, diff. The stacking window width was set sequentially for each window and relied only on the buffer content of the last window and the current window. This meant that when the diff window content was wider than the details window content, the diff window resized all windows in its stack (menu, details) to match the width of the diff window.

Problem

This logic ignores the fact that the menu window could be wider than the details window. In such a situation, when the details window was being opened, it adjusted its width to match the width of the wider menu window. However, since the diff window only looked at buffer contents of the details window, and not at the actual window width of the details window, it assumed that the diff window is the widest one, and set the width of the menu window and the details window to match the diff window. This makes the menu window narrower than its content.

Kapture.2023-11-28.at.11.47.41.mp4

Solution

Change the StackingWindow:after_opened() window resize logic to look at the actual window width, rather than the buffer content width. When after_opened() runs for the diff window, it correctly can identify that the details window was resized due to the menu window being wider, and correctly makes all windows' width be max(diff window, previous windows).

Kapture.2023-11-28.at.11.50.35.mp4

Fixes#52

Context: The order of stacked windows is: menu, details, diff. The
stacking window width was set sequentially for each window and relied
only on the buffer content of the last window and the current window.
This meant that when the diff window content was wider than the details
window content, the diff window resized all windows in its stack (menu,
details) to match the width of the diff window.
Problem: This logic ignores the fact that the menu window could be wider
than the details window. In such a situation, when the details window
was being opened, it adjusted its width to match the width of the wider
menu window. However, since the diff window only looked at buffer
contents of the details window, and not at the actual window width of
the details window, it assumed that the diff window is the widest one,
and set the width of the menu window and the details window to match the
diff window. This makes the menu window narrower than its content.
Solution: Change the `StackingWindow:after_opened()` window resize logic
to look at the *actual* window width, rather than the buffer content
width. When `after_opened()` runs for the diff window, it correctly can
identify that the details window was resized due to the menu window
being wider, and correctly makes all windows' width be `max(diff window,
previous windows)`.
Fixesweilbith#52
Gelio added a commit to Gelio/dotfiles that referenced this pull request Nov 29, 2023
Until my PR that fixes window widths [0] is merged, let's use my fork to
benefit from stable window widths.
[0]: weilbith/nvim-code-action-menu#69
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Windows width changes when navigating code action menu

1 participant

@Gelio