mirror of
https://github.com/ansible/awx.git
synced 2026-01-22 06:58:06 -03:30
added pluggable auth icons
This commit is contained in:
John Mitchell
parent
a7f1e69352
commit
e817693169
233
awx/ui/client/assets/fontcustom/fontcustom-preview.html
Normal file
233
awx/ui/client/assets/fontcustom/fontcustom-preview.html
Normal file
@ -0,0 +1,233 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>fontcustom glyphs preview</title>
|
||||
|
||||
<style>
|
||||
/* Page Styles */
|
||||
|
||||
* {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #444;
|
||||
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
a,
|
||||
a:visited {
|
||||
color: #888;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a:hover,
|
||||
a:focus { color: #000; }
|
||||
|
||||
header {
|
||||
border-bottom: 2px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
color: #888;
|
||||
float: left;
|
||||
font-size: 36px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
header a {
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.container {
|
||||
margin: 0 auto;
|
||||
max-width: 1200px;
|
||||
min-width: 960px;
|
||||
padding: 0 40px;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.glyph {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
padding: 10px 0 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.preview-glyphs { vertical-align: bottom; }
|
||||
|
||||
.preview-scale {
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.step {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.step .letters,
|
||||
.step i {
|
||||
-webkit-transition: opacity .3s;
|
||||
-moz-transition: opacity .3s;
|
||||
-ms-transition: opacity .3s;
|
||||
-o-transition: opacity .3s;
|
||||
transition: opacity .3s;
|
||||
}
|
||||
|
||||
.step:hover .letters { opacity: 1; }
|
||||
.step:hover i { opacity: .3; }
|
||||
|
||||
.letters {
|
||||
opacity: .3;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.characters-off .letters { display: none; }
|
||||
.characters-off .step:hover i { opacity: 1; }
|
||||
|
||||
|
||||
.size-12 { font-size: 12px; }
|
||||
|
||||
.size-14 { font-size: 14px; }
|
||||
|
||||
.size-16 { font-size: 16px; }
|
||||
|
||||
.size-18 { font-size: 18px; }
|
||||
|
||||
.size-21 { font-size: 21px; }
|
||||
|
||||
.size-24 { font-size: 24px; }
|
||||
|
||||
.size-36 { font-size: 36px; }
|
||||
|
||||
.size-48 { font-size: 48px; }
|
||||
|
||||
.size-60 { font-size: 60px; }
|
||||
|
||||
.size-72 { font-size: 72px; }
|
||||
|
||||
|
||||
.usage { margin-top: 10px; }
|
||||
|
||||
.usage input {
|
||||
font-family: monospace;
|
||||
margin-right: 3px;
|
||||
padding: 2px 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.usage .point { width: 150px; }
|
||||
|
||||
.usage .class { width: 250px; }
|
||||
|
||||
footer {
|
||||
color: #888;
|
||||
font-size: 12px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
/* Icon Font: fontcustom */
|
||||
|
||||
@font-face {
|
||||
font-family: "fontcustom";
|
||||
src: url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.eot");
|
||||
src: url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.eot?#iefix") format("embedded-opentype"),
|
||||
url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.woff") format("woff"),
|
||||
url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.ttf") format("truetype"),
|
||||
url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.svg#fontcustom") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "fontcustom";
|
||||
src: url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.svg#fontcustom") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
[data-icon]:before { content: attr(data-icon); }
|
||||
|
||||
[data-icon]:before,
|
||||
.icon-google:before,
|
||||
.icon-saml-02:before {
|
||||
display: inline-block;
|
||||
font-family: "fontcustom";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-decoration: inherit;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-transform: none;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.icon-google:before { content: "\f100"; }
|
||||
.icon-saml-02:before { content: "\f101"; }
|
||||
</style>
|
||||
|
||||
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
|
||||
<script>
|
||||
function toggleCharacters() {
|
||||
var body = document.getElementsByTagName('body')[0];
|
||||
body.className = body.className === 'characters-off' ? '' : 'characters-off';
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body class="characters-off">
|
||||
<div id="page" class="container">
|
||||
<header>
|
||||
<h1>fontcustom contains 2 glyphs:</h1>
|
||||
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
|
||||
</header>
|
||||
|
||||
|
||||
<div class="glyph">
|
||||
<div class="preview-glyphs">
|
||||
<span class="step size-12"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-google" class="icon-google"></i></span>
|
||||
</div>
|
||||
<div class="preview-scale">
|
||||
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
|
||||
</div>
|
||||
<div class="usage">
|
||||
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-google" />
|
||||
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf100;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="glyph">
|
||||
<div class="preview-glyphs">
|
||||
<span class="step size-12"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="icon-saml-02" class="icon-saml-02"></i></span>
|
||||
</div>
|
||||
<div class="preview-scale">
|
||||
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
|
||||
</div>
|
||||
<div class="usage">
|
||||
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".icon-saml-02" />
|
||||
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf101;" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer>
|
||||
Made with love using <a href="http://fontcustom.com">Font Custom</a>.
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
43
awx/ui/client/assets/fontcustom/fontcustom.css
Normal file
43
awx/ui/client/assets/fontcustom/fontcustom.css
Normal file
@ -0,0 +1,43 @@
|
||||
/*
|
||||
Icon Font: fontcustom
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "fontcustom";
|
||||
src: url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.eot");
|
||||
src: url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.eot?#iefix") format("embedded-opentype"),
|
||||
url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.woff") format("woff"),
|
||||
url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.ttf") format("truetype"),
|
||||
url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.svg#fontcustom") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "fontcustom";
|
||||
src: url("./fontcustom_037607f2fd8b86abb9de4b13a05fde60.svg#fontcustom") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
[data-icon]:before { content: attr(data-icon); }
|
||||
|
||||
[data-icon]:before,
|
||||
.icon-google:before,
|
||||
.icon-saml-02:before {
|
||||
display: inline-block;
|
||||
font-family: "fontcustom";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-decoration: inherit;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-transform: none;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.icon-google:before { content: "\f100"; }
|
||||
.icon-saml-02:before { content: "\f101"; }
|
||||
Binary file not shown.
@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<!--
|
||||
2015-9-25: Created with FontForge (http://fontforge.org)
|
||||
-->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
|
||||
<metadata>
|
||||
Created by FontForge 20150401 at Fri Sep 25 14:52:01 2015
|
||||
By John Mitchell
|
||||
Copyright (c) 2015, John Mitchell
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="fontcustom" horiz-adv-x="512" >
|
||||
<font-face
|
||||
font-family="fontcustom"
|
||||
font-weight="400"
|
||||
font-stretch="normal"
|
||||
units-per-em="512"
|
||||
panose-1="2 0 5 3 0 0 0 0 0 0"
|
||||
ascent="448"
|
||||
descent="-64"
|
||||
bbox="0 -64 512 448"
|
||||
underline-thickness="25.6"
|
||||
underline-position="-51.2"
|
||||
unicode-range="U+0020-F101"
|
||||
/>
|
||||
<missing-glyph />
|
||||
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
|
||||
/>
|
||||
<glyph glyph-name="uniF101" unicode=""
|
||||
d="M512 192c0 -141.312 -114.688 -256 -256 -256s-256 114.688 -256 256s114.688 256 256 256s256 -114.688 256 -256zM356.608 170.496c-12.5439 16.3838 -36.0967 32.7676 -70.1445 49.1523c-25.8555 12.2871 -42.2402 20.9912 -49.1523 25.5996
|
||||
c-6.91113 4.86426 -12.0312 9.72754 -15.1035 14.8477s-4.86426 11.0078 -4.86426 17.9199c0 11.0088 3.83984 19.9688 11.7764 26.624c7.93555 6.91211 19.2002 10.2402 33.792 10.2402c12.2881 0 24.832 -1.53613 37.6318 -4.86426
|
||||
c12.7998 -3.07129 28.9277 -8.7041 48.3838 -16.6396l25.0879 60.1602c-18.9434 8.19141 -36.8633 14.5918 -54.0156 18.9443c-17.1523 4.35156 -35.3281 6.65527 -54.2725 6.65527c-38.6553 0 -68.8633 -9.21582 -90.8799 -27.6475
|
||||
c-22.0156 -18.4326 -32.7676 -44.0322 -32.7676 -76.2881c0 -17.1523 3.32812 -32.2559 9.98438 -45.0566c6.65527 -12.7998 15.6152 -24.0635 26.624 -33.792c11.2637 -9.72754 27.9033 -19.7119 50.1758 -30.208c23.8076 -11.2637 39.6797 -19.7119 47.3594 -24.832
|
||||
c7.68066 -5.11914 13.5684 -10.4951 17.6641 -16.1279c4.09668 -5.63184 5.88867 -12.0312 5.88867 -19.1992c0 -12.8008 -4.6084 -22.5283 -13.5684 -28.9287c-8.95996 -6.39941 -22.0156 -9.72754 -39.168 -9.72754c-14.0801 0 -29.6963 2.30371 -46.8477 6.65625
|
||||
c-17.1523 4.60742 -37.8887 12.2881 -62.7207 23.2959v-71.6807c29.9521 -14.5918 64.5127 -22.0156 103.425 -22.0156c42.2393 0 75.2637 9.47168 99.0713 28.416c23.8086 18.9443 35.584 45.0557 35.584 78.0801c0 23.8076 -6.39941 43.7764 -18.9434 60.416z" />
|
||||
<glyph glyph-name="uniF100" unicode=""
|
||||
d="M512 192c0 -141.312 -114.688 -256 -256 -256s-256 114.688 -256 256s114.688 256 256 256s256 -114.688 256 -256zM104.96 269.568c20.7363 41.2158 57.8564 73.7275 100.864 88.832c38.6562 13.3115 81.9199 13.0557 120.319 -1.02441
|
||||
c21.5049 -7.93555 40.96 -20.2236 57.6006 -35.584c-5.63184 -6.14355 -11.7764 -11.7764 -17.4082 -17.6641c-10.752 -11.0078 -21.7598 -21.7598 -32.7676 -32.7676c-10.752 10.2393 -24.0645 18.1758 -38.4004 22.5273
|
||||
c-16.8955 5.12012 -35.0723 5.88867 -52.4795 2.04785c-19.9688 -4.35156 -38.6562 -14.8477 -53.248 -29.6953c-11.5205 -11.7764 -20.4805 -26.3682 -25.8564 -41.9844c-19.4561 15.1045 -38.9121 30.208 -58.624 45.3125zM105.216 109.568
|
||||
c19.4561 15.1035 38.9121 30.208 58.3682 45.3115c-7.67969 22.2725 -7.67969 47.1045 0 69.6318c-19.7119 15.1045 -39.168 30.208 -58.624 45.3125c-7.16797 -14.3359 -12.2881 -29.4404 -15.6162 -45.0566c-7.67969 -38.6553 -2.04785 -80.1279 15.8721 -115.199z
|
||||
M264.448 153.344c0.255859 23.2959 0.255859 46.3359 0.255859 69.8887h167.936c5.37598 -31.4883 4.35254 -64.2568 -4.60742 -94.9766c-8.19238 -28.1602 -23.8086 -54.2715 -45.3125 -74.2402c-18.9434 14.5928 -37.8877 29.4404 -56.832 44.0322
|
||||
c18.9443 12.7998 32 33.0244 35.8398 55.2959h-97.2793zM153.344 49.9199c19.2002 -15.3604 41.2158 -26.624 64.7686 -32.7676c29.6953 -7.93652 61.4395 -7.68066 91.3916 -1.02441c27.1357 6.14453 52.7363 19.2002 73.2158 38.1445
|
||||
c-18.9434 14.5918 -37.8877 29.4395 -56.832 44.0312c-11.7754 -7.93555 -25.3438 -13.0557 -39.4238 -15.6152c-14.0801 -2.30469 -28.6719 -2.81641 -42.4961 0c-14.0801 2.81543 -27.9033 8.70312 -39.6797 17.1514c-18.9443 13.3125 -33.2803 32.7686 -40.96 54.7842
|
||||
c-19.4561 -15.1045 -38.9121 -30.208 -58.3682 -45.3125c11.7764 -23.0391 28.416 -43.5195 48.3838 -59.3916z" />
|
||||
</font>
|
||||
</defs></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,54 @@
|
||||
{
|
||||
"checksum": {
|
||||
"previous": "037607f2fd8b86abb9de4b13a05fde6090c547d09c5428dac65a185505077e6a",
|
||||
"current": "037607f2fd8b86abb9de4b13a05fde6090c547d09c5428dac65a185505077e6a"
|
||||
},
|
||||
"fonts": [
|
||||
"..//fontcustom_037607f2fd8b86abb9de4b13a05fde60.ttf",
|
||||
"..//fontcustom_037607f2fd8b86abb9de4b13a05fde60.svg",
|
||||
"..//fontcustom_037607f2fd8b86abb9de4b13a05fde60.woff",
|
||||
"..//fontcustom_037607f2fd8b86abb9de4b13a05fde60.eot"
|
||||
],
|
||||
"glyphs": {
|
||||
"google": {
|
||||
"codepoint": 61696,
|
||||
"source": "./google.svg"
|
||||
},
|
||||
"saml-02": {
|
||||
"codepoint": 61697,
|
||||
"source": "./saml-02.svg"
|
||||
}
|
||||
},
|
||||
"options": {
|
||||
"autowidth": false,
|
||||
"config": "fontcustom.yml",
|
||||
"css_selector": ".icon-{{glyph}}",
|
||||
"debug": false,
|
||||
"font_ascent": 448,
|
||||
"font_descent": 64,
|
||||
"font_design_size": 16,
|
||||
"font_em": 512,
|
||||
"font_name": "fontcustom",
|
||||
"force": false,
|
||||
"input": {
|
||||
"templates": ".",
|
||||
"vectors": "."
|
||||
},
|
||||
"no_hash": false,
|
||||
"output": {
|
||||
"css": "../",
|
||||
"fonts": "../",
|
||||
"preview": "../"
|
||||
},
|
||||
"preprocessor_path": null,
|
||||
"quiet": false,
|
||||
"templates": [
|
||||
"css",
|
||||
"preview"
|
||||
]
|
||||
},
|
||||
"templates": [
|
||||
"../fontcustom.css",
|
||||
"../fontcustom-preview.html"
|
||||
]
|
||||
}
|
||||
96
awx/ui/client/assets/fontcustom/new_icons/fontcustom.yml
Normal file
96
awx/ui/client/assets/fontcustom/new_icons/fontcustom.yml
Normal file
@ -0,0 +1,96 @@
|
||||
# =============================================================================
|
||||
# Font Custom Configuration
|
||||
# This file should live in the directory where you run `fontcustom compile`.
|
||||
# For more info, visit <https://github.com/FontCustom/fontcustom>.
|
||||
# =============================================================================
|
||||
|
||||
|
||||
# -----------------------------------------------------------------------------
|
||||
# Project Info
|
||||
# -----------------------------------------------------------------------------
|
||||
|
||||
# The font's name. Also determines the file names of generated templates.
|
||||
#font_name: icons
|
||||
|
||||
# Format of CSS selectors. {{glyph}} is substituted for the glyph name.
|
||||
#css_selector: .i-{{glyph}}
|
||||
|
||||
# Generate fonts without asset-busting hashes.
|
||||
#no_hash: true
|
||||
|
||||
# Encode WOFF fonts into the generated CSS.
|
||||
#base64: true
|
||||
|
||||
# Forces compilation, even if inputs have not changed
|
||||
#force: true
|
||||
|
||||
# Display (possibly useful) debugging messages.
|
||||
#debug: true
|
||||
|
||||
# Hide status messages.
|
||||
#quiet: true
|
||||
|
||||
|
||||
# -----------------------------------------------------------------------------
|
||||
# Input / Output Locations
|
||||
# You can save generated fonts, CSS, and other files to different locations
|
||||
# here. Font Custom can also read input vectors and templates from different
|
||||
# places.
|
||||
#
|
||||
# NOTE:
|
||||
# - Be sure to preserve the whitespace in these YAML hashes.
|
||||
# - INPUT[:vectors] and OUTPUT[:fonts] are required. Everything else is
|
||||
# optional.
|
||||
# - Specify output locations for custom templates by including their file
|
||||
# names as the key.
|
||||
# -----------------------------------------------------------------------------
|
||||
|
||||
#input:
|
||||
# vectors: my/vectors
|
||||
# templates: my/templates
|
||||
|
||||
#output:
|
||||
# fonts: app/assets/fonts
|
||||
# css: app/assets/stylesheets
|
||||
# preview: app/views/styleguide
|
||||
# my-custom-template.yml: path/to/template/output
|
||||
|
||||
|
||||
# -----------------------------------------------------------------------------
|
||||
# Templates
|
||||
# A YAML array of templates and files to generate alongside fonts. Custom
|
||||
# templates should be saved in the INPUT[:templates] directory and referenced
|
||||
# by their base file name.
|
||||
#
|
||||
# For Rails and Compass templates, set `preprocessor_path` as the relative
|
||||
# path from OUTPUT[:css] to OUTPUT[:fonts]. By default, these are the same
|
||||
# directory.
|
||||
#
|
||||
# Included in Font Custom: preview, css, scss, scss-rails
|
||||
# Default: css, preview
|
||||
# -----------------------------------------------------------------------------
|
||||
|
||||
#templates:
|
||||
#- scss-rails
|
||||
#- preview
|
||||
#- my-custom-template.yml
|
||||
|
||||
#preprocessor_path: ../fonts/
|
||||
|
||||
|
||||
# -----------------------------------------------------------------------------
|
||||
# Font Settings (defaults shown)
|
||||
# -----------------------------------------------------------------------------
|
||||
|
||||
# Size (in pica points) for which your font is designed.
|
||||
#font_design_size: 16
|
||||
|
||||
# The em size. Setting this will scale the entire font to the given size.
|
||||
#font_em: 512
|
||||
|
||||
# The font's ascent and descent. Used to calculate the baseline.
|
||||
#font_ascent: 448
|
||||
#font_descent: 64
|
||||
|
||||
# Horizontally fit glyphs to their individual vector widths.
|
||||
#autowidth: false
|
||||
17
awx/ui/client/assets/fontcustom/new_icons/google.svg
Normal file
17
awx/ui/client/assets/fontcustom/new_icons/google.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<path class="st0" d="M200,100c0,55.2-44.8,100-100,100S0,155.2,0,100S44.8,0,100,0S200,44.8,200,100z M41,69.7
|
||||
c7.7,5.9,15.3,11.8,22.9,17.7C66,81.3,69.5,75.6,74,71c5.7-5.8,13-9.9,20.8-11.6c6.8-1.5,13.9-1.2,20.5,0.8c5.6,1.7,10.8,4.8,15,8.8
|
||||
c4.3-4.3,8.6-8.5,12.8-12.8c2.2-2.3,4.6-4.5,6.8-6.9c-6.5-6-14.1-10.8-22.5-13.9c-15-5.5-31.9-5.6-47-0.4
|
||||
C63.6,40.9,49.1,53.6,41,69.7z M41.1,132.2c7.6-5.9,15.2-11.8,22.8-17.7c-3-8.7-3-18.4,0-27.2c-7.7-5.9-15.3-11.8-22.9-17.7
|
||||
c-2.8,5.6-4.8,11.5-6.1,17.6C31.9,102.3,34.1,118.5,41.1,132.2z M103.3,115.1c12.7,0,25.4,0,38,0c-1.5,8.7-6.6,16.6-14,21.6
|
||||
c7.4,5.7,14.8,11.5,22.2,17.2c8.4-7.8,14.5-18,17.7-29c3.5-12,3.9-24.8,1.8-37.1c-21.9,0-43.8,0-65.6,0
|
||||
C103.4,97,103.4,106,103.3,115.1z M59.9,155.5c7.5,6,16.1,10.4,25.3,12.8c11.6,3.1,24,3,35.7,0.4c10.6-2.4,20.6-7.5,28.6-14.9
|
||||
c-7.4-5.7-14.8-11.5-22.2-17.2c-4.6,3.1-9.9,5.1-15.4,6.1c-5.5,0.9-11.2,1.1-16.6,0c-5.5-1.1-10.9-3.4-15.5-6.7
|
||||
c-7.4-5.2-13-12.8-16-21.4c-7.6,5.9-15.2,11.8-22.8,17.7C45.6,141.3,52.1,149.3,59.9,155.5z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
15
awx/ui/client/assets/fontcustom/new_icons/saml-02.svg
Normal file
15
awx/ui/client/assets/fontcustom/new_icons/saml-02.svg
Normal file
@ -0,0 +1,15 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#CCCCCC;}
|
||||
</style>
|
||||
<path class="st0" d="M200,100c0,55.2-44.8,100-100,100S0,155.2,0,100S44.8,0,100,0S200,44.8,200,100z M139.3,108.4
|
||||
c-4.9-6.4-14.1-12.8-27.4-19.2c-10.1-4.8-16.5-8.2-19.2-10c-2.7-1.9-4.7-3.8-5.9-5.8c-1.2-2-1.9-4.3-1.9-7c0-4.3,1.5-7.8,4.6-10.4
|
||||
c3.1-2.7,7.5-4,13.2-4c4.8,0,9.7,0.6,14.7,1.9c5,1.2,11.3,3.4,18.9,6.5l9.8-23.5c-7.4-3.2-14.4-5.7-21.1-7.4s-13.8-2.6-21.2-2.6
|
||||
c-15.1,0-26.9,3.6-35.5,10.8c-8.6,7.2-12.8,17.2-12.8,29.8c0,6.7,1.3,12.6,3.9,17.6c2.6,5,6.1,9.4,10.4,13.2
|
||||
c4.4,3.8,10.9,7.7,19.6,11.8c9.3,4.4,15.5,7.7,18.5,9.7c3,2,5.3,4.1,6.9,6.3c1.6,2.2,2.3,4.7,2.3,7.5c0,5-1.8,8.8-5.3,11.3
|
||||
c-3.5,2.5-8.6,3.8-15.3,3.8c-5.5,0-11.6-0.9-18.3-2.6c-6.7-1.8-14.8-4.8-24.5-9.1V165c11.7,5.7,25.2,8.6,40.4,8.6
|
||||
c16.5,0,29.4-3.7,38.7-11.1s13.9-17.6,13.9-30.5C146.7,122.7,144.2,114.9,139.3,108.4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@ -12,7 +12,7 @@
|
||||
}
|
||||
|
||||
.ThirdPartySignOn-item {
|
||||
margin-left: 10px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.ThirdPartySignOn-button {
|
||||
@ -33,3 +33,7 @@
|
||||
.ThirdPartySignOn-icon {
|
||||
font-size: 35px;
|
||||
}
|
||||
|
||||
.ThirdPartySignOn-icon--fontCustom {
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
@ -19,21 +19,21 @@ export default
|
||||
scope.loginItems = [
|
||||
{
|
||||
type: "foo",
|
||||
icon: "fa-github",
|
||||
icon: "ThirdPartySignOn-icon--fontCustom icon-google",
|
||||
link: "https://google.com",
|
||||
tooltip: "Login in via Google"
|
||||
tooltip: "Sign in with Google"
|
||||
},
|
||||
{
|
||||
type: "foo",
|
||||
icon: "fa-github",
|
||||
link: "https://google.com",
|
||||
tooltip: "Login in via Github"
|
||||
tooltip: "Sign in with Github"
|
||||
},
|
||||
{
|
||||
type: "foo",
|
||||
icon: "fa-github",
|
||||
icon: "ThirdPartySignOn-icon--fontCustom icon-saml-02",
|
||||
link: "https://google.com",
|
||||
tooltip: "Login in via SAML"
|
||||
tooltip: "Sign in with SAML"
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
@ -7,6 +7,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}assets/custom-theme/jquery-ui-1.10.3.custom.min.css" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}assets/ansible-bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}assets/fontcustom/fontcustom.css" type="text/css">
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}lib/components-font-awesome/css/font-awesome.min.css" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}lib/select2/dist/css/select2.css" />
|
||||
<link rel="stylesheet" href="{{ STATIC_URL }}lib/select2-bootstrap-theme/dist/select2-bootstrap.css" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user