phorge-phorge/webroot/rsrc/css/phui/phui-invisible-character-view.css at 3164ff68db586beedb4c1eb9492c5c9fa1dfa988 - revi-archive/phorge-phorge - SiliconForest Atelier

revi-archive/phorge-phorge

mirror of https://we.phorge.it/source/phorge.git synced 2024-12-26 23:40:57 +01:00

Josh Cox 2588b4fac0 Added initial class for displaying invisible chars

Summary:
Fixes T11586. First pass at a class for displaying invisible characters. Still need to:
- Write a couple unit tests
- Add some styling to the .invisible-special spans
- Actually start using the class when displaying form errors to users

Currently this makes the string `"\nab\x00c\x01d\te\nf"` look like:

{F1812711}

Test Plan:
Unit tests all pass and run in <1ms:

{F1812998}

Reviewers: epriestley, #blessed_reviewers, chad

Reviewed By: epriestley, #blessed_reviewers

Subscribers: Korvin, epriestley, yelirekim

Maniphest Tasks: T11586

Differential Revision: https://secure.phabricator.com/D16541

2016-09-12 21:57:01 -04:00

12 lines

225 B

CSS

Raw Blame History

 /**
  * @provides phui-invisible-character-view-css
  */
 .invisible-special {
   font-family: monospace;
   color: #000;
   background: rgba({$alphablue},0.1);
   padding: 1px 4px;
   border-radius: 3px;
   white-space: pre-wrap;
 }