save file

Author: javascript-2020

utils/editors/html/editors-hdr/editors-hdr.html

@@ -6,10 +6,11 @@
 
             <style>
 
+  :host
+    {margin-bottom:10px}
+    
   section
-    {margin:0;box-sizing:border-box;display:flex;align-items:center;
-      gap:10px;
-    }
+    {margin:0;box-sizing:border-box;display:flex;align-items:center;gap:10px}
 
   .icon
     {cursor:pointer;border-radius:3px;border:1px solid gray;box-sizing:border-box;
@@ -24,15 +25,14 @@
   .item-label
     {}
 
-  ::slotted(.title)
-    {text-align:center;position:absolute;left:0;right:0;top:0px;z-index:-1;margin:0 auto;
-    }
+  ::slotted([slot=title])
+    {text-align:center;position:absolute;left:0;right:0;top:0px;z-index:-1;margin:0 auto}
 
   ::slotted([slot=version])
-    {color:green;font-weight:bold}
+    {color:blue;font-weight:bold;margin:0 20px}
 
   .date
-    {position:absolute;top:5px;right:5px;}
+    {}
 
   a
     {color:blue;}
@@ -50,6 +50,7 @@
             <section>
 
                   <slot name=seo-hdr class=visually-hidden></slot>
+                  <slot name=title></slot>
 
                   <div class=item>
 
@@ -61,9 +62,12 @@
 
                   </div>
 
-                  <input value=isolate type=button>
+                  <div id=btns>
+                  </div>
 
-                  <slot></slot>
+                  <div style='flex:1'></div>
+                  
+                  <page-source component></page-source>
 
                   <slot name=version></slot>
 
@@ -107,12 +111,9 @@
 
       obj.init    = async function(){
                                                                                 debug('init',obj.version);
-            top   = mod['top-menu'];
-            
-            top.initmod({ext,$,menu});
-            
-            await top.init();
+            await mod.auto();
 
+            obj['page-source']    = mod['page-source'];
 
       }//init
 
@@ -124,31 +125,15 @@
 
             var shadow          = host.shadowRoot;
 
-            top.initdom(shadow);
-            
-            $(shadow,'[value=isolate]').onclick   = btn.isolate;
-            
 
       }//initdom
 
 
   //:
 
 
-        btn.isolate   = function(){
-        
-              var url   = window.location.toString();
-              
-              if(url.indexOf('?')!=-1){
-                    return;
-              }
-              
-              url              += '?isolate';
-              window.location   = url;
-              
-        }//isolate
-        
-        
+  
+  
   //: