Hover inspector like in Zeplin , Figma

Inspector is the tool which mimic display dimension between selected and hover element. It would be good for designers, QA

version 3.1.1 - fix bugs, - - fix esc key press behavior - - fix formation css rule - - fix popup display position - add hovered element version 3.1.0 - update UI - add new features - prepare project to new features version 3.0.2 - fix bug: prevent click(thanks Marcelo Alejandro) - add background rule permission for save setting version 3.0.1 - fix bug: extension dropped (thanks @invisioN7) version 3.0.0 - refactor core(prepare for the new features) - add sidebar (setting, more details of selected element) - add freezing selected element after 2 click - press 'space' for unfreeze selected element - add link to discord - add uninstall form - fixed calculation position of popup version 2.0.0 - used ReactJS (expected simplifying of maintain and support) - add data: padding, margin, font, color, background, line-height, class, id - fixed calculation position of popup version 1.1.0 - add highline padding(green color) and margin(orange color). - fix bugs version 1.0.5.1 - minify file for more faster loading version 1.0.5 - add top bar with styles(padding, margin, font-size, height, width) for hover and selected element - fixed bugs (when user scroll label and lines position not display correctly) - add change style for label which display height and width hovered element - change active and regular icon: - add 2 hotkeys: -- command + enter / ctrl + enter - for hide/show topbar -- esc for close extension version 1.0.4 - add functionality when start scroll - change color of labels - add dimension calculating when selected located in hovered element version 1.0.3 - add dimension calculating when hovered located outside selected element