Luca448 commited on
Commit
f4926d5
·
1 Parent(s): 6f2faca

Savestate: Fix article view layout being squished by incorrect flexbox property

Browse files
index.html CHANGED
@@ -65,7 +65,7 @@
65
  </head>
66
  <body class="dark-theme in-chat-view" data-bg-style="fluid-dark">
67
 
68
- <div id="live-version-badge" style="position: fixed; top: 50px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); opacity: 0.6; z-index: 99999; pointer-events: none; font-weight: 500; font-family: monospace; letter-spacing: 1px; background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05);">BUILD 1.8.168</div>
69
 
70
  <!-- SVG Filters for Liquid Glass Refraction -->
71
  <svg width="0" height="0" style="position: absolute; pointer-events: none;">
 
65
  </head>
66
  <body class="dark-theme in-chat-view" data-bg-style="fluid-dark">
67
 
68
+ <div id="live-version-badge" style="position: fixed; top: 50px; left: 50%; transform: translateX(-50%); font-size: 10px; color: var(--text-secondary); opacity: 0.6; z-index: 99999; pointer-events: none; font-weight: 500; font-family: monospace; letter-spacing: 1px; background: rgba(0,0,0,0.2); padding: 2px 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.05);">BUILD 1.8.169</div>
69
 
70
  <!-- SVG Filters for Liquid Glass Refraction -->
71
  <svg width="0" height="0" style="position: absolute; pointer-events: none;">
src/styles/global.css CHANGED
@@ -2563,7 +2563,7 @@ mjx-container:not([display="true"]) {
2563
  Article View Modal Styling
2564
  ========================================= */
2565
 
2566
- #article-modal {
2567
  position: fixed;
2568
  top: 0;
2569
  left: 0;
 
2563
  Article View Modal Styling
2564
  ========================================= */
2565
 
2566
+ #article-view-modal {
2567
  position: fixed;
2568
  top: 0;
2569
  left: 0;
src/views/chat/chat-view.js CHANGED
@@ -882,7 +882,7 @@ export class ChatView {
882
  const pdfBtn = document.getElementById('article-pdf-btn');
883
  const presBtn = document.getElementById('article-pres-btn');
884
 
885
- modal.style.display = 'flex';
886
  void modal.offsetWidth; // Force reflow
887
 
888
  // Parse markdown (and fix HTML <details> blocks so marked parses them)
 
882
  const pdfBtn = document.getElementById('article-pdf-btn');
883
  const presBtn = document.getElementById('article-pres-btn');
884
 
885
+ modal.style.display = 'block';
886
  void modal.offsetWidth; // Force reflow
887
 
888
  // Parse markdown (and fix HTML <details> blocks so marked parses them)