Merge pull request #936 from hgiesel/editorresize

Leave resizing of editor top buttons to CSS

qt/aqt/data/web/css/editor.scss

@@ -34,12 +34,10 @@ body {
 }
 
 #topbutsOuter {
-    position: fixed;
+    position: sticky;
     top: 0;
-    padding: 2px;
     left: 0;
-    right: 0;
-    z-index: 1;
+    padding: 2px;
 }
 
 .topbut {
@@ -94,10 +92,6 @@ button.highlighted {
     }
 }
 
-#fields {
-    margin-top: 35px;
-}
-
 .dupe {
     background: var(--flag1-bg);
 }

qt/aqt/data/web/js/editor.ts

@@ -606,31 +606,3 @@ let filterNode = function (node: Node, extendedMode: boolean): void {
         }
     }
 };
-
-let adjustFieldsTopMargin = function (): void {
-    const topHeight = $("#topbuts").height();
-    const margin = topHeight + 8;
-    document.getElementById("fields").style.marginTop = `${margin}px`;
-};
-
-document.addEventListener("click", (evt: MouseEvent): void => {
-    const src = evt.target as Element;
-    if (src.tagName === "IMG") {
-        // image clicked; find contenteditable parent
-        let p = src;
-        while ((p = p.parentNode as Element)) {
-            if (p.className === "field") {
-                document.getElementById(p.id).focus();
-                break;
-            }
-        }
-    }
-});
-
-window.addEventListener("resize", () => {
-    adjustFieldsTopMargin();
-});
-
-$(function (): void {
-    adjustFieldsTopMargin();
-});

qt/aqt/editor.py

@@ -74,12 +74,14 @@ _html = """
 html { background: %s; }
 #topbutsOuter { background: %s; }
 </style>
-<div id="topbutsOuter">
-    <div id="topbuts" class="clearfix">
-%s
+<div>
+    <div id="topbutsOuter">
+        <div id="topbuts" class="clearfix">
+    %s
+        </div>
+    </div>
+    <div id="fields">
     </div>
-</div>
-<div id="fields">
 </div>
 <div id="dupes" style="display:none;">
     <a href="#" onclick="pycmd('dupes');return false;">