Improving the comment system on Habrahabr (Update)

Update, see below.
On habré (and not only) now I see a comment system where there are branches, by type:
1
|.2
|.|.3
|.|.|.4
|.2
1
I see the problem branches that in case of large branches to navigate quite convenient.
To find the initial review, you need to imagine a line that leads exactly to the desired comment and scroll the page until, until you hit this with a comment. On habré I see that this problem is partially solved by adding strelochka up(↑) and down(↓), but still it does not solve the problem completely.
/ > If I, for example, decided to respond to a comment, then have to go back to him (press the arrow down), and I really just needed to read the comment to which you respond. That is, in the eyes of the loss of time due to the extra actions.

In my understanding I see the solution to this problem:
The review is schema-line if you move the line cursor, a tooltip will appear, inside which a comment, which actually are the answers in this thread-level.
In short, the picture should be clear (New schema):


New scheme
Previous template

Update:
As I wrote above, the logic is simple:
1. If you hover the mouse on the region of the reaction, the line becomes clear and the cursor gets out the window with the comment that are answers in this thread.
2. In addition, when hovering the sides of the line appear the up arrow(↑), which are opposite the cursor (go for it) and represent that if you click in this field, then directly up to the initial comment in this thread.
3. Then, pressing the arrow to change the downward direction(↓) and if again click on that area, then you can go to the end of this thread — to the next.

You can also add lines that are directly adjacent to the comments — for clarity, but this additional table.
Article based on information from habrahabr.ru

Comments

Post a Comment

Popular posts from this blog

Powershell and Cyrillic in the console (updated)

Image
In the development process is very often necessary to run a powershell script from a console application. What could be easier? the #test.ps1 & $PSScriptRoot\ConsoleApp.exe Examine the behavior of console applications when running them from the command line, using PowerShell and using PowerShell ISE: execution Result In PowerShell ISE, there is a problem with encoding, as the ISE expects the output to the encoding 1251. Use Google and find two problem solving: c use [Console]::OutputEncoding and through the powershell pipeline. Let's use the first solution: test2.ps1 $ErrorActionPreference = "Stop" function RunConsole($scriptBlock) { $encoding = [Console]::OutputEncoding [Console]::OutputEncoding = [System.Text.Encoding]::GetEncoding("cp866") try { &$scriptBlock } finally { [Console]::OutputEncoding = $encoding } } RunConsole { & $PSScriptRoot\ConsoleApp1.exe } execution Result At the command prompt, all is well, bu
Read more

Active/Passive PostgreSQL Cluster, using Pacemaker, Corosync

Image
Description This article describes an example of configuring Active/Passive PostgreSQL cluster, using Pacemaker, Corosync. As the disk subsystem is considered the drive from the system data storage (CSV). Similar to the Windows Failover Cluster from Microsoft. Technical details: OS Version — CentOS 7.1 Version package pacemaker — 1.1.13-10 Package version pcs — 0.9.143 PostgreSQL — 9.4.6 As servers(2pcs) — iron server 2*12 CPU/ memory 94GB As a CSV(Cluster Shared Volume) — an array of class Mid-Range Hitachi RAID 1+0 Preparation of cluster nodes Rule /etc/hosts on both hosts and make the visibility of hosts to each other by short names, for example: the [root@node1 ~]# cat /etc/hosts 127.0.0.1 localhost localhost.localdomain localhost4 localhost4.localdomain4 ::1 localhost localhost.localdomain localhost6 localhost6.localdomain6 10.1.66.23 node1.local.lan node1 10.1.66.24 node2.local.lan node2 Also make exchange between servers using SSH keys and
Read more

Automatic deployment ElasticBeanstalk using Bitbucket Pipelines

Image
bitbucket is a service ( Bitbucket Pipelines), which among other things allows extremely simple to automate the deployment of applications in the Amazon cloud, in particular using ElasticBeanstallk. To whom interesting, I ask under kat. the Prerequirements You should already be created ElasticBeanstalk application and deployed environments (in order to do this, refer to the official AWS documentation for, so, for example, unfolds Django ). Since the service is still undergoing testing, you need to request access to it here . the project setup Let's say we have two branches, master and we want to deplot on production environment and development — development environment. Create in the root of the project file bitbucket-pipelines.yml with the following content: the image: python:2.7.11 pipelines: branches: master: - step: script: - apt-get update # to install required zip - apt-get install -y zip # required for packaging up the application - pip install b
Read more