RegexEditor: Improve Look and Feel

This commit is contained in:
Jonathan Jenne
2021-04-19 14:03:33 +02:00
parent 04fd63a9c7
commit 5e45aef7ff
13 changed files with 326 additions and 87 deletions

View File

@@ -0,0 +1,19 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Layer_1" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Yellow{fill:#FFB115;}
.Red{fill:#D11C1C;}
.Blue{fill:#1177D7;}
.Green{fill:#039C23;}
.Black{fill:#727272;}
.White{fill:#FFFFFF;}
.st0{opacity:0.5;}
.st1{display:none;}
.st2{display:inline;fill:#039C23;}
.st3{display:inline;fill:#D11C1C;}
.st4{display:inline;fill:#727272;}
</style>
<g id="About">
<path d="M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z M16,6c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2 S14.9,6,16,6z M20,24h-8v-2h2v-8h-2v-2h2h4v10h2V24z" class="Blue" />
</g>
</svg>

View File

@@ -0,0 +1,15 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Layer_1" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Blue{fill:#1177D7;}
.Yellow{fill:#FFB115;}
.Black{fill:#727272;}
.Green{fill:#039C23;}
.Red{fill:#D11C1C;}
.st0{opacity:0.75;}
.st1{opacity:0.5;}
</style>
<g id="Check">
<polygon points="27,5 11,21 5,15 2,18 11,27 30,8 " class="Green" />
</g>
</svg>

View File

@@ -0,0 +1,15 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Layer_1" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Blue{fill:#1177D7;}
.Yellow{fill:#FFB115;}
.Black{fill:#727272;}
.Green{fill:#039C23;}
.Red{fill:#D11C1C;}
.st0{opacity:0.75;}
.st1{opacity:0.5;}
</style>
<g id="Check">
<polygon points="27,5 11,21 5,15 2,18 11,27 30,8 " class="Green" />
</g>
</svg>

View File

@@ -0,0 +1,9 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="DefinedNameUseInFormula" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Blue{fill:#1177D7;}
.Black{fill:#727272;}
</style>
<path d="M7,20l-7-7V9l7-7h22c0.6,0,1,0.4,1,1v16c0,0.6-0.4,1-1,1h-8.4l0.5-2h2.3H28V4H7.8L2,9.8v2.3L7.8,18h3.8h1.6 l-0.4,2H7z M6,11c0,1.1,0.9,2,2,2s2-0.9,2-2c0-1.1-0.9-2-2-2S6,9.9,6,11z" class="Black" />
<path d="M19.9,14h2.3l-0.5,2h-2.3l-2.1,8.7c-0.3,1.2-0.7,2.2-1.2,3c-0.6,0.8-1.2,1.4-2,1.8c-0.7,0.4-1.6,0.6-2.6,0.6 c-1,0-1.8-0.2-2.3-0.6c-0.7-0.5-1-1-1-1.6c0-0.5,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.5,1.2-0.5c0.2,0,0.4,0,0.6,0.1 c0.2,0.1,0.4,0.2,0.6,0.3c0.1,0.1,0.3,0.3,0.6,0.7c0.1,0.2,0.3,0.3,0.4,0.3c0.1,0.1,0.2,0.1,0.4,0.1c0.5,0,0.9-0.6,1.1-1.7l2.2-9.9 h-1.7l0.4-2h1.7l0.4-1.7c0.3-1.4,1-2.4,2-3.2c1-0.8,2.3-1.1,4-1.1c0.8,0,1.5,0.1,1.9,0.3c0.5,0.2,0.8,0.5,1.1,0.8 c0.3,0.4,0.4,0.7,0.4,1.1c0,0.3-0.1,0.6-0.2,0.9c-0.2,0.3-0.4,0.5-0.6,0.6c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.6-0.1-0.9-0.2 c-0.3-0.1-0.5-0.3-0.8-0.6c-0.3-0.3-0.5-0.5-0.6-0.6c-0.1-0.1-0.3-0.1-0.4-0.1c-0.3,0-0.6,0.1-0.8,0.4c-0.1,0.2-0.3,0.6-0.4,1.3 L19.9,14z M22.5,22.3l1.2,2.4c0.7-0.9,1.1-1.5,1.3-1.7c0.3-0.3,0.6-0.5,1-0.7s0.6-0.2,0.9-0.2c0.3,0,0.6,0.1,0.8,0.3 s0.3,0.4,0.3,0.7c0,0.2,0,0.4-0.1,0.5s-0.2,0.3-0.3,0.4s-0.3,0.2-0.4,0.2c-0.1,0-0.2,0-0.5,0.1c-0.3,0-0.5,0-0.6,0.1 c-0.1,0-0.2,0.1-0.4,0.2c-0.2,0.1-0.3,0.3-0.5,0.4c-0.1,0.1-0.3,0.4-0.8,1.1l0.4,0.8c0.3,0.6,0.6,1.1,0.8,1.2 c0.2,0.2,0.4,0.3,0.6,0.3c0.3,0,0.7-0.2,1.1-0.6l0.8,1c-0.9,0.8-1.8,1.2-2.7,1.2c-0.4,0-0.7-0.1-1-0.2c-0.3-0.1-0.6-0.3-0.8-0.6 c-0.2-0.2-0.5-0.6-0.7-1.1l-0.4-0.9c-0.4,0.7-0.8,1.2-1.2,1.6c-0.4,0.4-0.8,0.7-1.1,0.9c-0.3,0.2-0.6,0.2-0.9,0.2 c-0.2,0-0.4,0-0.6-0.1c-0.1-0.1-0.3-0.2-0.4-0.4C18,29.3,18,29.2,18,29c0-0.2,0.1-0.4,0.2-0.6c0.1-0.2,0.3-0.3,0.4-0.4 c0.2-0.1,0.5-0.1,0.9-0.1c0.3,0,0.5-0.1,0.7-0.2c0.2-0.1,0.4-0.2,0.6-0.5c0.2-0.2,0.5-0.7,1-1.4L21,24.3h-1.1l0.3-1.4 c0.6-0.1,1.2-0.3,1.7-0.6H22.5z" class="Blue" />
</svg>

View File

@@ -0,0 +1,9 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="DefinedNameUseInFormula" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Blue{fill:#1177D7;}
.Black{fill:#727272;}
</style>
<path d="M7,20l-7-7V9l7-7h22c0.6,0,1,0.4,1,1v16c0,0.6-0.4,1-1,1h-8.4l0.5-2h2.3H28V4H7.8L2,9.8v2.3L7.8,18h3.8h1.6 l-0.4,2H7z M6,11c0,1.1,0.9,2,2,2s2-0.9,2-2c0-1.1-0.9-2-2-2S6,9.9,6,11z" class="Black" />
<path d="M19.9,14h2.3l-0.5,2h-2.3l-2.1,8.7c-0.3,1.2-0.7,2.2-1.2,3c-0.6,0.8-1.2,1.4-2,1.8c-0.7,0.4-1.6,0.6-2.6,0.6 c-1,0-1.8-0.2-2.3-0.6c-0.7-0.5-1-1-1-1.6c0-0.5,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.5,1.2-0.5c0.2,0,0.4,0,0.6,0.1 c0.2,0.1,0.4,0.2,0.6,0.3c0.1,0.1,0.3,0.3,0.6,0.7c0.1,0.2,0.3,0.3,0.4,0.3c0.1,0.1,0.2,0.1,0.4,0.1c0.5,0,0.9-0.6,1.1-1.7l2.2-9.9 h-1.7l0.4-2h1.7l0.4-1.7c0.3-1.4,1-2.4,2-3.2c1-0.8,2.3-1.1,4-1.1c0.8,0,1.5,0.1,1.9,0.3c0.5,0.2,0.8,0.5,1.1,0.8 c0.3,0.4,0.4,0.7,0.4,1.1c0,0.3-0.1,0.6-0.2,0.9c-0.2,0.3-0.4,0.5-0.6,0.6c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.6-0.1-0.9-0.2 c-0.3-0.1-0.5-0.3-0.8-0.6c-0.3-0.3-0.5-0.5-0.6-0.6c-0.1-0.1-0.3-0.1-0.4-0.1c-0.3,0-0.6,0.1-0.8,0.4c-0.1,0.2-0.3,0.6-0.4,1.3 L19.9,14z M22.5,22.3l1.2,2.4c0.7-0.9,1.1-1.5,1.3-1.7c0.3-0.3,0.6-0.5,1-0.7s0.6-0.2,0.9-0.2c0.3,0,0.6,0.1,0.8,0.3 s0.3,0.4,0.3,0.7c0,0.2,0,0.4-0.1,0.5s-0.2,0.3-0.3,0.4s-0.3,0.2-0.4,0.2c-0.1,0-0.2,0-0.5,0.1c-0.3,0-0.5,0-0.6,0.1 c-0.1,0-0.2,0.1-0.4,0.2c-0.2,0.1-0.3,0.3-0.5,0.4c-0.1,0.1-0.3,0.4-0.8,1.1l0.4,0.8c0.3,0.6,0.6,1.1,0.8,1.2 c0.2,0.2,0.4,0.3,0.6,0.3c0.3,0,0.7-0.2,1.1-0.6l0.8,1c-0.9,0.8-1.8,1.2-2.7,1.2c-0.4,0-0.7-0.1-1-0.2c-0.3-0.1-0.6-0.3-0.8-0.6 c-0.2-0.2-0.5-0.6-0.7-1.1l-0.4-0.9c-0.4,0.7-0.8,1.2-1.2,1.6c-0.4,0.4-0.8,0.7-1.1,0.9c-0.3,0.2-0.6,0.2-0.9,0.2 c-0.2,0-0.4,0-0.6-0.1c-0.1-0.1-0.3-0.2-0.4-0.4C18,29.3,18,29.2,18,29c0-0.2,0.1-0.4,0.2-0.6c0.1-0.2,0.3-0.3,0.4-0.4 c0.2-0.1,0.5-0.1,0.9-0.1c0.3,0,0.5-0.1,0.7-0.2c0.2-0.1,0.4-0.2,0.6-0.5c0.2-0.2,0.5-0.7,1-1.4L21,24.3h-1.1l0.3-1.4 c0.6-0.1,1.2-0.3,1.7-0.6H22.5z" class="Blue" />
</svg>

View File

@@ -0,0 +1,9 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="DefinedNameUseInFormula" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Blue{fill:#1177D7;}
.Black{fill:#727272;}
</style>
<path d="M7,20l-7-7V9l7-7h22c0.6,0,1,0.4,1,1v16c0,0.6-0.4,1-1,1h-8.4l0.5-2h2.3H28V4H7.8L2,9.8v2.3L7.8,18h3.8h1.6 l-0.4,2H7z M6,11c0,1.1,0.9,2,2,2s2-0.9,2-2c0-1.1-0.9-2-2-2S6,9.9,6,11z" class="Black" />
<path d="M19.9,14h2.3l-0.5,2h-2.3l-2.1,8.7c-0.3,1.2-0.7,2.2-1.2,3c-0.6,0.8-1.2,1.4-2,1.8c-0.7,0.4-1.6,0.6-2.6,0.6 c-1,0-1.8-0.2-2.3-0.6c-0.7-0.5-1-1-1-1.6c0-0.5,0.2-0.9,0.5-1.2c0.3-0.3,0.7-0.5,1.2-0.5c0.2,0,0.4,0,0.6,0.1 c0.2,0.1,0.4,0.2,0.6,0.3c0.1,0.1,0.3,0.3,0.6,0.7c0.1,0.2,0.3,0.3,0.4,0.3c0.1,0.1,0.2,0.1,0.4,0.1c0.5,0,0.9-0.6,1.1-1.7l2.2-9.9 h-1.7l0.4-2h1.7l0.4-1.7c0.3-1.4,1-2.4,2-3.2c1-0.8,2.3-1.1,4-1.1c0.8,0,1.5,0.1,1.9,0.3c0.5,0.2,0.8,0.5,1.1,0.8 c0.3,0.4,0.4,0.7,0.4,1.1c0,0.3-0.1,0.6-0.2,0.9c-0.2,0.3-0.4,0.5-0.6,0.6c-0.3,0.1-0.6,0.2-0.9,0.2c-0.3,0-0.6-0.1-0.9-0.2 c-0.3-0.1-0.5-0.3-0.8-0.6c-0.3-0.3-0.5-0.5-0.6-0.6c-0.1-0.1-0.3-0.1-0.4-0.1c-0.3,0-0.6,0.1-0.8,0.4c-0.1,0.2-0.3,0.6-0.4,1.3 L19.9,14z M22.5,22.3l1.2,2.4c0.7-0.9,1.1-1.5,1.3-1.7c0.3-0.3,0.6-0.5,1-0.7s0.6-0.2,0.9-0.2c0.3,0,0.6,0.1,0.8,0.3 s0.3,0.4,0.3,0.7c0,0.2,0,0.4-0.1,0.5s-0.2,0.3-0.3,0.4s-0.3,0.2-0.4,0.2c-0.1,0-0.2,0-0.5,0.1c-0.3,0-0.5,0-0.6,0.1 c-0.1,0-0.2,0.1-0.4,0.2c-0.2,0.1-0.3,0.3-0.5,0.4c-0.1,0.1-0.3,0.4-0.8,1.1l0.4,0.8c0.3,0.6,0.6,1.1,0.8,1.2 c0.2,0.2,0.4,0.3,0.6,0.3c0.3,0,0.7-0.2,1.1-0.6l0.8,1c-0.9,0.8-1.8,1.2-2.7,1.2c-0.4,0-0.7-0.1-1-0.2c-0.3-0.1-0.6-0.3-0.8-0.6 c-0.2-0.2-0.5-0.6-0.7-1.1l-0.4-0.9c-0.4,0.7-0.8,1.2-1.2,1.6c-0.4,0.4-0.8,0.7-1.1,0.9c-0.3,0.2-0.6,0.2-0.9,0.2 c-0.2,0-0.4,0-0.6-0.1c-0.1-0.1-0.3-0.2-0.4-0.4C18,29.3,18,29.2,18,29c0-0.2,0.1-0.4,0.2-0.6c0.1-0.2,0.3-0.3,0.4-0.4 c0.2-0.1,0.5-0.1,0.9-0.1c0.3,0,0.5-0.1,0.7-0.2c0.2-0.1,0.4-0.2,0.6-0.5c0.2-0.2,0.5-0.7,1-1.4L21,24.3h-1.1l0.3-1.4 c0.6-0.1,1.2-0.3,1.7-0.6H22.5z" class="Blue" />
</svg>