wip

src/web/app/desktop/tags/donation.tag

@@ -50,7 +50,7 @@
 		this.mixin('api');
 		this.mixin('i');
 
-		this.close = (e) => {
+		this.close = e => {
 			e.preventDefault();
 			e.stopPropagation();
 
@@ -61,7 +61,6 @@
 					no_donation: this.I.data.no_donation
 
 			this.unmount();
-
+		};
-			this.parent.parent.set-root-layout!
 	</script>
 </mk-donation>

src/web/app/desktop/tags/ui-header.tag

@@ -21,7 +21,7 @@
 	<style>
 		:scope
 			display block
-			position fixed
+			position sticky
 			top 0
 			z-index 1024
 			width 100%

src/web/app/desktop/tags/ui.tag

@@ -9,29 +9,28 @@
 	<style>
 		:scope
 			display block
-
 	</style>
 	<script>
 		this.mixin('i');
 
-		this.open-post-form = () => {
+		this.openPostForm = () => {
-			riot.mount document.body.appendChild document.createElement 'mk-post-form-window' 
+			riot.mount(document.body.appendChild(document.createElement('mk-post-form-window');
-
+		};
-		this.set-root-layout = () => {
-			this.root.style.padding-top = this.refs.header.root.client-height + 'px' 
 
 		this.on('mount', () => {
-			@set-root-layout!
+			document.addEventListener('keydown', this.onkeydown);
-			document.addEventListener 'keydown' this.onkeydown
+		});
 
 		this.on('unmount', () => {
-			document.removeEventListener 'keydown' this.onkeydown
+			document.removeEventListener('keydown', this.onkeydown);
+		});
 
-		this.onkeydown = (e) => {
+		this.onkeydown = e => {
-			tag = e.target.tag-name.to-lower-case!
+			if (e.target.tagName == 'input' || e.target.tagName == 'textarea') return;
-			if tag != 'input' and tag != 'textarea' 
+
-				if e.which == 80 or e.which == 78 // p or n
+			if (e.which == 80 || e.which == 78) { // p or n
-					e.preventDefault();
+				e.preventDefault();
-					@open-post-form!
+				this.openPostForm();
+		};
 	</script>
 </mk-ui>