Zooflow: Improve Search Ribbon, Process Independent Search

This commit is contained in:
Jonathan Jenne
2022-05-19 12:17:57 +02:00
parent 26a82f4af0
commit 4555fe4e34
21 changed files with 632 additions and 165 deletions

View File

@@ -0,0 +1,26 @@
<?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="Calendar">
<path d="M29,4h-3v3c0,0.5-0.5,1-1,1h-4c-0.5,0-1-0.5-1-1V4h-8v3c0,0.5-0.5,1-1,1H7C6.5,8,6,7.5,6,7V4H3 C2.4,4,2,4.4,2,5v5h28V5C30,4.4,29.6,4,29,4z" class="Red" />
<g class="st1">
<rect x="8" y="14" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="14" y="20" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="8" y="20" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="20" y="14" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="14" y="14" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="20" y="20" width="4" height="4" rx="0" ry="0" class="Black" />
</g>
<path d="M28,10v18H4V10H2v19c0,0.6,0.4,1,1,1h26c0.6,0,1-0.4,1-1V10H28z" class="Black" />
<rect x="22" y="2" width="2" height="4" rx="0" ry="0" class="Black" />
<rect x="8" y="2" width="2" height="4" rx="0" ry="0" class="Black" />
</g>
</svg>

View File

@@ -0,0 +1,26 @@
<?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="Calendar">
<path d="M29,4h-3v3c0,0.5-0.5,1-1,1h-4c-0.5,0-1-0.5-1-1V4h-8v3c0,0.5-0.5,1-1,1H7C6.5,8,6,7.5,6,7V4H3 C2.4,4,2,4.4,2,5v5h28V5C30,4.4,29.6,4,29,4z" class="Red" />
<g class="st1">
<rect x="8" y="14" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="14" y="20" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="8" y="20" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="20" y="14" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="14" y="14" width="4" height="4" rx="0" ry="0" class="Black" />
<rect x="20" y="20" width="4" height="4" rx="0" ry="0" class="Black" />
</g>
<path d="M28,10v18H4V10H2v19c0,0.6,0.4,1,1,1h26c0.6,0,1-0.4,1-1V10H28z" class="Black" />
<rect x="22" y="2" width="2" height="4" rx="0" ry="0" class="Black" />
<rect x="8" y="2" width="2" height="4" rx="0" ry="0" class="Black" />
</g>
</svg>

View File

@@ -0,0 +1,30 @@
<?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;}
.Red{fill:#D11C1C;}
.Green{fill:#039C23;}
.Black{fill:#727272;}
.White{fill:#FFFFFF;}
.st0{opacity:0.5;}
.st1{opacity:0.75;}
.st2{display:none;}
.st3{display:inline;fill:#FFB115;}
.st4{display:inline;}
.st5{display:inline;opacity:0.75;}
.st6{display:inline;opacity:0.5;}
.st7{display:inline;fill:#039C23;}
.st8{display:inline;fill:#D11C1C;}
.st9{display:inline;fill:#1177D7;}
.st10{display:inline;fill:#FFFFFF;}
</style>
<g id="Category">
<path d="M19,12h-8c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h8c0.5,0,1,0.4,1,1v6C20,11.6,19.5,12,19,12z" class="Blue" />
<path d="M11,26H3c-0.5,0-1-0.5-1-1v-6c0-0.5,0.5-1,1-1h8c0.6,0,1,0.5,1,1v6C12,25.5,11.6,26,11,26z" class="Blue" />
<path d="M27,26h-8c-0.5,0-1-0.5-1-1v-6c0-0.5,0.5-1,1-1h8c0.5,0,1,0.5,1,1v6C28,25.5,27.5,26,27,26z" class="Blue" />
<g class="st1">
<path d="M16,14v-2h-2v2H7c-0.6,0-1,0.4-1,1v3h2v-2h14v2h2v-3c0-0.6-0.4-1-1-1H16z" class="Black" />
</g>
</g>
</svg>

View File

@@ -0,0 +1,30 @@
<?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;}
.Red{fill:#D11C1C;}
.Green{fill:#039C23;}
.Black{fill:#727272;}
.White{fill:#FFFFFF;}
.st0{opacity:0.5;}
.st1{opacity:0.75;}
.st2{display:none;}
.st3{display:inline;fill:#FFB115;}
.st4{display:inline;}
.st5{display:inline;opacity:0.75;}
.st6{display:inline;opacity:0.5;}
.st7{display:inline;fill:#039C23;}
.st8{display:inline;fill:#D11C1C;}
.st9{display:inline;fill:#1177D7;}
.st10{display:inline;fill:#FFFFFF;}
</style>
<g id="Category">
<path d="M19,12h-8c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h8c0.5,0,1,0.4,1,1v6C20,11.6,19.5,12,19,12z" class="Blue" />
<path d="M11,26H3c-0.5,0-1-0.5-1-1v-6c0-0.5,0.5-1,1-1h8c0.6,0,1,0.5,1,1v6C12,25.5,11.6,26,11,26z" class="Blue" />
<path d="M27,26h-8c-0.5,0-1-0.5-1-1v-6c0-0.5,0.5-1,1-1h8c0.5,0,1,0.5,1,1v6C28,25.5,27.5,26,27,26z" class="Blue" />
<g class="st1">
<path d="M16,14v-2h-2v2H7c-0.6,0-1,0.4-1,1v3h2v-2h14v2h2v-3c0-0.6-0.4-1-1-1H16z" class="Black" />
</g>
</g>
</svg>

View File

@@ -0,0 +1,7 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Link" style="enable-background:new 0 0 16 16">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M12.5,5h-2C9.3,5,8.3,5.9,8.1,7H6.9C6.7,5.9,5.7,5,4.5,5h-2C1.1,5,0,6.1,0,7.5S1.1,10,2.5,10h2 c1.2,0,2.2-0.9,2.4-2h1.1c0.2,1.1,1.2,2,2.4,2h2c1.4,0,2.5-1.1,2.5-2.5S13.9,5,12.5,5z M4.5,9h-2C1.7,9,1,8.3,1,7.5 C1,6.7,1.7,6,2.5,6h2c0.6,0,1.2,0.4,1.4,1H3.5C3.2,7,3,7.2,3,7.5S3.2,8,3.5,8h2.4C5.7,8.6,5.1,9,4.5,9z M12.5,9h-2 C9.9,9,9.3,8.6,9.1,8h2.4C11.8,8,12,7.8,12,7.5S11.8,7,11.5,7H9.1c0.2-0.6,0.8-1,1.4-1h2C13.3,6,14,6.7,14,7.5C14,8.3,13.3,9,12.5,9 z" class="Black" />
</svg>

View File

@@ -0,0 +1,7 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Link" style="enable-background:new 0 0 16 16">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M12.5,5h-2C9.3,5,8.3,5.9,8.1,7H6.9C6.7,5.9,5.7,5,4.5,5h-2C1.1,5,0,6.1,0,7.5S1.1,10,2.5,10h2 c1.2,0,2.2-0.9,2.4-2h1.1c0.2,1.1,1.2,2,2.4,2h2c1.4,0,2.5-1.1,2.5-2.5S13.9,5,12.5,5z M4.5,9h-2C1.7,9,1,8.3,1,7.5 C1,6.7,1.7,6,2.5,6h2c0.6,0,1.2,0.4,1.4,1H3.5C3.2,7,3,7.2,3,7.5S3.2,8,3.5,8h2.4C5.7,8.6,5.1,9,4.5,9z M12.5,9h-2 C9.9,9,9.3,8.6,9.1,8h2.4C11.8,8,12,7.8,12,7.5S11.8,7,11.5,7H9.1c0.2-0.6,0.8-1,1.4-1h2C13.3,6,14,6.7,14,7.5C14,8.3,13.3,9,12.5,9 z" class="Black" />
</svg>

View File

@@ -0,0 +1,7 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Link" style="enable-background:new 0 0 16 16">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M12.5,5h-2C9.3,5,8.3,5.9,8.1,7H6.9C6.7,5.9,5.7,5,4.5,5h-2C1.1,5,0,6.1,0,7.5S1.1,10,2.5,10h2 c1.2,0,2.2-0.9,2.4-2h1.1c0.2,1.1,1.2,2,2.4,2h2c1.4,0,2.5-1.1,2.5-2.5S13.9,5,12.5,5z M4.5,9h-2C1.7,9,1,8.3,1,7.5 C1,6.7,1.7,6,2.5,6h2c0.6,0,1.2,0.4,1.4,1H3.5C3.2,7,3,7.2,3,7.5S3.2,8,3.5,8h2.4C5.7,8.6,5.1,9,4.5,9z M12.5,9h-2 C9.9,9,9.3,8.6,9.1,8h2.4C11.8,8,12,7.8,12,7.5S11.8,7,11.5,7H9.1c0.2-0.6,0.8-1,1.4-1h2C13.3,6,14,6.7,14,7.5C14,8.3,13.3,9,12.5,9 z" class="Black" />
</svg>

View File

@@ -0,0 +1,7 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Link" style="enable-background:new 0 0 16 16">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M12.5,5h-2C9.3,5,8.3,5.9,8.1,7H6.9C6.7,5.9,5.7,5,4.5,5h-2C1.1,5,0,6.1,0,7.5S1.1,10,2.5,10h2 c1.2,0,2.2-0.9,2.4-2h1.1c0.2,1.1,1.2,2,2.4,2h2c1.4,0,2.5-1.1,2.5-2.5S13.9,5,12.5,5z M4.5,9h-2C1.7,9,1,8.3,1,7.5 C1,6.7,1.7,6,2.5,6h2c0.6,0,1.2,0.4,1.4,1H3.5C3.2,7,3,7.2,3,7.5S3.2,8,3.5,8h2.4C5.7,8.6,5.1,9,4.5,9z M12.5,9h-2 C9.9,9,9.3,8.6,9.1,8h2.4C11.8,8,12,7.8,12,7.5S11.8,7,11.5,7H9.1c0.2-0.6,0.8-1,1.4-1h2C13.3,6,14,6.7,14,7.5C14,8.3,13.3,9,12.5,9 z" class="Black" />
</svg>

View File

@@ -0,0 +1,7 @@
<?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="New" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M19,2H5C4.4,2,4,2.4,4,3v24c0,0.6,0.4,1,1,1h20c0.6,0,1-0.4,1-1V9L19,2z M24,26H6V4h12v5c0,0.6,0.4,1,1,1h5 V26z" class="Black" />
</svg>

View File

@@ -0,0 +1,7 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Unlink" style="enable-background:new 0 0 16 16">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M4.5,5h-2C1.1,5,0,6.2,0,7.5S1.1,10,2.5,10h2C5.9,10,7,8.9,7,7.5S5.9,5,4.5,5z M4.5,9h-2C1.6,9,1,8.3,1,7.5 C1,6.7,1.6,6,2.5,6h2c0.7,0,1.2,0.4,1.4,1H3.5C3.3,7,3,7.3,3,7.5S3.3,8,3.5,8h2.4C5.7,8.6,5.2,9,4.5,9z M13.5,5h-2 C10.1,5,9,6.2,9,7.5s1.1,2.5,2.5,2.5h2c1.4,0,2.5-1.1,2.5-2.5S14.9,5,13.5,5z M13.5,9h-2c-0.6,0-1.2-0.4-1.4-1h2.4 C12.8,8,13,7.8,13,7.5S12.8,7,12.5,7h-2.4c0.2-0.6,0.8-1,1.4-1h2C14.4,6,15,6.7,15,7.5C15,8.3,14.4,9,13.5,9z" class="Black" />
</svg>

View File

@@ -0,0 +1,7 @@
<?xml version='1.0' encoding='UTF-8'?>
<svg x="0px" y="0px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" id="Unlink" style="enable-background:new 0 0 16 16">
<style type="text/css">
.Black{fill:#727272;}
</style>
<path d="M4.5,5h-2C1.1,5,0,6.2,0,7.5S1.1,10,2.5,10h2C5.9,10,7,8.9,7,7.5S5.9,5,4.5,5z M4.5,9h-2C1.6,9,1,8.3,1,7.5 C1,6.7,1.6,6,2.5,6h2c0.7,0,1.2,0.4,1.4,1H3.5C3.3,7,3,7.3,3,7.5S3.3,8,3.5,8h2.4C5.7,8.6,5.2,9,4.5,9z M13.5,5h-2 C10.1,5,9,6.2,9,7.5s1.1,2.5,2.5,2.5h2c1.4,0,2.5-1.1,2.5-2.5S14.9,5,13.5,5z M13.5,9h-2c-0.6,0-1.2-0.4-1.4-1h2.4 C12.8,8,13,7.8,13,7.5S12.8,7,12.5,7h-2.4c0.2-0.6,0.8-1,1.4-1h2C14.4,6,15,6.7,15,7.5C15,8.3,14.4,9,13.5,9z" class="Black" />
</svg>

View File

@@ -0,0 +1,11 @@
<?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="ViewMergedData" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Black{fill:#727272;}
.Blue{fill:#1177D7;}
.Yellow{fill:#FFB115;}
</style>
<path d="M6,6h18v2H6V6z M21.4,28H4V2h22v21.4l2,2V1c0-0.5-0.5-1-1-1H3C2.5,0,2,0.5,2,1v28c0,0.5,0.5,1,1,1h20.4 L21.4,28z M12,14H6v2h6V14z M10,18H6v2h4V18z M10,22H6v2h4V22z" class="Black" />
<rect x="6" y="10" width="18" height="2" rx="0" ry="0" class="Yellow" />
<path d="M27.6,27.9L23,23.3c0.6-0.9,1-2.1,1-3.3c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6s2.7,6,6,6c1.2,0,2.3-0.4,3.3-1 l4.6,4.6c0.5,0.5,1.3,0.5,1.7,0C28.1,29.2,28.1,28.4,27.6,27.9z M18,24c-2.2,0-4-1.8-4-4c0-2.2,1.8-4,4-4s4,1.8,4,4 C22,22.2,20.2,24,18,24z" class="Blue" />
</svg>

View File

@@ -0,0 +1,11 @@
<?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="ViewMergedData" style="enable-background:new 0 0 32 32">
<style type="text/css">
.Black{fill:#727272;}
.Blue{fill:#1177D7;}
.Yellow{fill:#FFB115;}
</style>
<path d="M6,6h18v2H6V6z M21.4,28H4V2h22v21.4l2,2V1c0-0.5-0.5-1-1-1H3C2.5,0,2,0.5,2,1v28c0,0.5,0.5,1,1,1h20.4 L21.4,28z M12,14H6v2h6V14z M10,18H6v2h4V18z M10,22H6v2h4V22z" class="Black" />
<rect x="6" y="10" width="18" height="2" rx="0" ry="0" class="Yellow" />
<path d="M27.6,27.9L23,23.3c0.6-0.9,1-2.1,1-3.3c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6s2.7,6,6,6c1.2,0,2.3-0.4,3.3-1 l4.6,4.6c0.5,0.5,1.3,0.5,1.7,0C28.1,29.2,28.1,28.4,27.6,27.9z M18,24c-2.2,0-4-1.8-4-4c0-2.2,1.8-4,4-4s4,1.8,4,4 C22,22.2,20.2,24,18,24z" class="Blue" />
</svg>