x x x
Only portrait mode is currently supported - please rotate your device.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<style>
div.micropost-entry {
  padding: 20px 20px !important;
  width: calc(90% - 40px);
}
.micropost .userLogoLink {
  margin-left: 0px;
}

div#full-height-container::-webkit-scrollbar {
  background-color: rgba(84, 84, 84, 0.3);
  width: 14px;
}

div#full-height-container::-webkit-scrollbar-thumb {
  background-color: rgb(16,58,50);
  border-radius: 10px;
}

@media only screen and (max-width : 400px) {

	.microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner, .microBlogWrapper .microBlogContainer.slim .globalTimeline-container .globalTimeline .micropost-left .aui-avatar .aui-avatar-inner img, .microBlogWrapper .microBlogContainer.slim #microPostContextContainer .micropost-left .aui-avatar .aui-avatar-inner img {
		height: 28px;
		width: 28px;
	}
	/*
	div.micropost-entry {
		justify-content: center;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		height: 44px;
	}
	.aui-avatar.aui-avatar-large, .aui-avatar.aui-avatar-large .aui-avatar-inner {
		margin-top: 0px;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		margin-top: 5px;
	}
	.micropost .micropost-left {
		padding-right: 0px;
	}
	.micropost .userLogoLink {
		margin-left: 5px;
	}
	*/
	
	.micropost .micropost-right {
    	width: 80%;
		max-width: 80%;
		min-width: 80%;
	}
	.micropost .micropost-right .micropost-header {
		width: 100%;
	}
	.micropost-action-menu.show-permanent {
		margin-right: 0px;
	}
	div.micropost-entry {
		justify-content: flex-end;
	}
	.micropost .micropost-left {
		padding-right: 5px;
	}
	.microBlogWrapper .microBlogContainer.slim .micropost .micropost-left {
		margin-top: 0px;
	}
	.micropost .micropost-entry {
		width: 85%;
	}

}

.micropost .micropost-right {
    width: calc(100% - 64px);
}
.aui-button .aui-icon {
	color: white;
}
.wiki-content a.user-mention {
	background: rgba(0, 0, 0, 0.3) !important;
	pointer-events: none;
}
.wiki-content a.user-mention:hover, .wiki-content a.user-mention:active {
	background: rgba(0, 0, 0, 0.3) !important;
}
</style>

<script>
let topicId = getQueryVariableFromUrl("topicId");
$( document ).ready(function() {
    console.log( "ready!" );
$("form .aui-button-primary").click(() => {  
  console.log("track comment");  
   analytics.track('eventCommented', {
          topicId
        });
});
});
</script>