devices: add experimental icon (#2836)

This commit is contained in:
Caleb Doxsey 2021-12-20 14:26:03 -07:00 committed by GitHub
parent bdbcfe3cda
commit 70e0e866fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 18 additions and 1 deletions

View file

@ -183,6 +183,7 @@
<div class="box-inner"> <div class="box-inner">
<div class="category-header clearfix"> <div class="category-header clearfix">
<span class="category-title">Current Session Device Credentials</span> <span class="category-title">Current Session Device Credentials</span>
<span class="experimental-icon"> </span>
</div> </div>
</ul> </ul>
{{if .CurrentDeviceCredentials}} {{if .CurrentDeviceCredentials}}

View file

@ -18,7 +18,8 @@
<div class="white box"> <div class="white box">
<div class="largestatus"> <div class="largestatus">
<div class="title-wrapper"> <div class="title-wrapper">
<span class="title">WebAuthn Registration</span> <span class="title">WebAuthn Registration
<span class="experimental-icon"> </span></span>
</div> </div>
</div> </div>
</div> </div>

View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
<g transform="matrix(0.8333333333333334,0,0,0.8333333333333334,0,0)"><path d="M20.5,19.34,16.14,12a1,1,0,0,1-.14-.51V2.5a.5.5,0,0,1,.5-.5H18a1,1,0,0,0,0-2H6A1,1,0,0,0,6,2H7.5a.5.5,0,0,1,.5.5v9a1,1,0,0,1-.14.51L3.54,19.28A3,3,0,0,0,6,24H18a3,3,0,0,0,2.49-4.66ZM8.67,16a.5.5,0,0,1-.43-.25.5.5,0,0,1,0-.5l1.62-2.74A1,1,0,0,0,10,12V2.5a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5V5.25a.5.5,0,0,1-.5.5H12.18a.75.75,0,0,0,0,1.5H13.5a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5H12.18a.75.75,0,0,0,0,1.5H13.5a.5.5,0,0,1,.5.5V12a1,1,0,0,0,.14.51l1.61,2.74a.47.47,0,0,1,0,.5.52.52,0,0,1-.44.25Zm.82,5.82a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,9.49,21.82Zm4.22-3a1,1,0,0,1,0-2,1,1,0,0,1,0,2Zm2.49,3.09a1,1,0,1,1,1-1A1,1,0,0,1,16.2,21.89Z" style="fill: #5E6A82"></path></g></svg>

After

Width:  |  Height:  |  Size: 813 B

View file

@ -336,6 +336,17 @@ div.category-header {
background: url(/.pomerium/assets/img/jwt.svg) 100% 0 no-repeat; background: url(/.pomerium/assets/img/jwt.svg) 100% 0 no-repeat;
} }
.experimental-icon {
display: block;
position: relative;
top: 2px;
float: right;
width: 27px;
height: 25px;
background: url(/.pomerium/assets/img/experimental.svg) 100% 0 no-repeat;
}
div.category-link { div.category-link {
background: #f6f9fc; background: #f6f9fc;