hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-23 09:53:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

PHRAS-2419 #comment add icomoon #time 5h

Browse Source
This commit is contained in:
Harrys Ravalomanana
2019-06-06 18:21:57 +04:00
parent fbda66f4e7
commit 300c413848
12 changed files with 416 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/www/common/styles/fonts/PhraseanetIcomoon/Read Me.txt Executable file
View File

@@ -0,0 +1,7 @@
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

152
resources/www/common/styles/fonts/PhraseanetIcomoon/demo-files/demo.css Executable file
View File

@@ -0,0 +1,152 @@
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-family: sans-serif;
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
}
.talign-center {
text-align: center;
}
.bgc1 {
background: #f1f1f1;
}
.fgc1 {
color: #999;
}
.fgc0 {
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
}
.unit {
float: left;
}
.unitRight {
float: right;
}
.size1of2 {
width: 50%;
}
.size1of1 {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hidden-true {
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
display: block;
padding-top: 24px;
line-height: 1.5;
}
.fs0 {
font-size: 16px;
}
.fs1 {
font-size: 32px;
}

30
resources/www/common/styles/fonts/PhraseanetIcomoon/demo-files/demo.js Executable file
View File

@@ -0,0 +1,30 @@
if (!('boxShadow' in document.body.style)) {
document.body.setAttribute('class', 'noBoxShadow');
}
document.body.addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
});
(function() {
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
}());

134
resources/www/common/styles/fonts/PhraseanetIcomoon/demo.html Executable file
View File

@@ -0,0 +1,134 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IcoMoon Demo</title>
<meta name="description" content="An Icon Font Generated By IcoMoon.io">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;6)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-picto-information">
</span>
<span class="mls"> icon-picto-information</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e900" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe900;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-pastille-rond">
</span>
<span class="mls"> icon-pastille-rond</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e901" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe901;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-pastille-carre">
</span>
<span class="mls"> icon-pastille-carre</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e902" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe902;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-picto-point-list">
</span>
<span class="mls"> icon-picto-point-list</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e903" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe903;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-picto-three-little-point">
</span>
<span class="mls"> icon-picto-three-little-point</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e904" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe904;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-picto-search-new">
</span>
<span class="mls"> icon-picto-search-new</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e905" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe905;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<!--[if gt IE 8]><!-->
<div class="mhl clearfix mbl">
<h1>Font Test Drive</h1>
<label>
Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
min="8" value="48" />
px
</label>
<input id="testText" type="text" class="phl size1of1 mvl"
placeholder="Type some text to test..." value=""/>
<div id="testDrive" class="icon-" style="font-family: icomoon">&nbsp;
</div>
</div>
<!--<![endif]-->
<div class="bgc1 clearfix">
<p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
</div>
<script src="demo-files/demo.js"></script>
</body>
</html>

BIN
resources/www/common/styles/fonts/PhraseanetIcomoon/fonts/icomoon.eot Executable file
View File

Binary file not shown.

16
resources/www/common/styles/fonts/PhraseanetIcomoon/fonts/icomoon.svg Executable file
View File

@@ -0,0 +1,16 @@
<?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" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="picto-information" horiz-adv-x="171" d="M85.333 618.667c47.128 0 85.333-38.205 85.333-85.333v-512c0-47.128-38.205-85.333-85.333-85.333s-85.333 38.205-85.333 85.333v512c0 47.128 38.205 85.333 85.333 85.333zM0 960h170.667v-170.667h-170.667v170.667z" />
<glyph unicode="&#xe901;" glyph-name="pastille-rond" d="M1024 448c0-282.77-229.23-512-512-512s-512 229.23-512 512c0 282.77 229.23 512 512 512s512-229.23 512-512z" />
<glyph unicode="&#xe902;" glyph-name="pastille-carre" horiz-adv-x="1062" d="M204.8 960h614.4c113.108 0 204.8-91.692 204.8-204.8v-614.4c0-113.108-91.692-204.8-204.8-204.8h-614.4c-113.108 0-204.8 91.692-204.8 204.8v614.4c0 113.108 91.692 204.8 204.8 204.8z" />
<glyph unicode="&#xe903;" glyph-name="picto-point-list" horiz-adv-x="1097" d="M438.857 886.857h512c40.396 0 73.143-32.747 73.143-73.143v0c0-40.396-32.747-73.143-73.143-73.143h-512c-40.396 0-73.143 32.747-73.143 73.143v0c0 40.396 32.747 73.143 73.143 73.143zM438.857 521.143h512c40.396 0 73.143-32.747 73.143-73.143v0c0-40.396-32.747-73.143-73.143-73.143h-512c-40.396 0-73.143 32.747-73.143 73.143v0c0 40.396 32.747 73.143 73.143 73.143zM438.857 155.429h512c40.396 0 73.143-32.747 73.143-73.143v0c0-40.396-32.747-73.143-73.143-73.143h-512c-40.396 0-73.143 32.747-73.143 73.143v0c0 40.396 32.747 73.143 73.143 73.143zM219.429 813.714c0-40.396-32.747-73.143-73.143-73.143s-73.143 32.747-73.143 73.143c0 40.396 32.747 73.143 73.143 73.143s73.143-32.747 73.143-73.143zM219.429 448c0-40.396-32.747-73.143-73.143-73.143s-73.143 32.747-73.143 73.143c0 40.396 32.747 73.143 73.143 73.143s73.143-32.747 73.143-73.143zM219.429 82.286c0-40.396-32.747-73.143-73.143-73.143s-73.143 32.747-73.143 73.143c0 40.396 32.747 73.143 73.143 73.143s73.143-32.747 73.143-73.143z" />
<glyph unicode="&#xe904;" glyph-name="picto-three-little-point" horiz-adv-x="3584" d="M3392 448c0-176.731-143.269-320-320-320s-320 143.269-320 320c0 176.731 143.269 320 320 320s320-143.269 320-320zM2112 448c0-176.731-143.269-320-320-320s-320 143.269-320 320c0 176.731 143.269 320 320 320s320-143.269 320-320zM832 448c0-176.731-143.269-320-320-320s-320 143.269-320 320c0 176.731 143.269 320 320 320s320-143.269 320-320z" />
<glyph unicode="&#xe905;" glyph-name="picto-search-new" d="M380.56 315.975c-145.784 0-263.465 117.681-263.465 263.465s117.681 263.465 263.465 263.465c145.784 0 263.465-117.681 263.465-263.465s-117.681-263.465-263.465-263.465zM731.847 315.975h-46.253l-16.393 15.808c57.377 66.744 91.92 153.395 91.92 247.657 0 210.186-170.374 380.56-380.56 380.56s-380.56-170.374-380.56-380.56c0-210.186 170.374-380.56 380.56-380.56 94.262 0 180.913 34.543 247.657 91.92l15.808-16.393v-46.253l292.739-292.153 87.236 87.236-292.153 292.739z" />
</font></defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
resources/www/common/styles/fonts/PhraseanetIcomoon/fonts/icomoon.woff Executable file
View File

Binary file not shown.

BIN
resources/www/common/styles/fonts/PhraseanetIcomoon/fonts/set-icon-phraseanet.ttf Executable file
View File

Binary file not shown.

1
resources/www/common/styles/fonts/PhraseanetIcomoon/selection.json Executable file
View File

@@ -0,0 +1 @@
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M85.333 341.333c47.128 0 85.333 38.205 85.333 85.333v512c0 47.128-38.205 85.333-85.333 85.333s-85.333-38.205-85.333-85.333v-512c0-47.128 38.205-85.333 85.333-85.333z","M0 0h170.667v170.667h-170.667v-170.667z"],"attrs":[],"width":171,"grid":0,"tags":["picto-information"]},"attrs":[],"properties":{"order":177,"id":5,"name":"picto-information","prevSize":32,"code":59648},"setIdx":1,"setId":1,"iconIdx":0},{"icon":{"paths":["M1024 512c0 282.77-229.23 512-512 512s-512-229.23-512-512c0-282.77 229.23-512 512-512s512 229.23 512 512z"],"attrs":[],"grid":0,"tags":["pastille-rond"]},"attrs":[],"properties":{"order":178,"id":4,"name":"pastille-rond","prevSize":32,"code":59649},"setIdx":1,"setId":1,"iconIdx":1},{"icon":{"paths":["M204.8 0h614.4c113.108 0 204.8 91.692 204.8 204.8v614.4c0 113.108-91.692 204.8-204.8 204.8h-614.4c-113.108 0-204.8-91.692-204.8-204.8v-614.4c0-113.108 91.692-204.8 204.8-204.8z"],"attrs":[],"width":1062,"grid":0,"tags":["pastille-carre"]},"attrs":[],"properties":{"order":179,"id":3,"name":"pastille-carre","prevSize":32,"code":59650},"setIdx":1,"setId":1,"iconIdx":2},{"icon":{"paths":["M438.857 73.143h512c40.396 0 73.143 32.747 73.143 73.143v0c0 40.396-32.747 73.143-73.143 73.143h-512c-40.396 0-73.143-32.747-73.143-73.143v0c0-40.396 32.747-73.143 73.143-73.143z","M438.857 438.857h512c40.396 0 73.143 32.747 73.143 73.143v0c0 40.396-32.747 73.143-73.143 73.143h-512c-40.396 0-73.143-32.747-73.143-73.143v0c0-40.396 32.747-73.143 73.143-73.143z","M438.857 804.571h512c40.396 0 73.143 32.747 73.143 73.143v0c0 40.396-32.747 73.143-73.143 73.143h-512c-40.396 0-73.143-32.747-73.143-73.143v0c0-40.396 32.747-73.143 73.143-73.143z","M219.429 146.286c0 40.396-32.747 73.143-73.143 73.143s-73.143-32.747-73.143-73.143c0-40.396 32.747-73.143 73.143-73.143s73.143 32.747 73.143 73.143z","M219.429 512c0 40.396-32.747 73.143-73.143 73.143s-73.143-32.747-73.143-73.143c0-40.396 32.747-73.143 73.143-73.143s73.143 32.747 73.143 73.143z","M219.429 877.714c0 40.396-32.747 73.143-73.143 73.143s-73.143-32.747-73.143-73.143c0-40.396 32.747-73.143 73.143-73.143s73.143 32.747 73.143 73.143z"],"attrs":[],"width":1097,"grid":0,"tags":["point-list"]},"attrs":[],"properties":{"order":180,"id":2,"name":"picto-point-list","prevSize":32,"code":59651},"setIdx":1,"setId":1,"iconIdx":3},{"icon":{"paths":["M3392 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z","M2112 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z","M832 512c0 176.731-143.269 320-320 320s-320-143.269-320-320c0-176.731 143.269-320 320-320s320 143.269 320 320z"],"attrs":[{"strokeLinejoin":"miter","strokeLinecap":"butt","strokeMiterlimit":"4","strokeWidth":128},{"strokeLinejoin":"miter","strokeLinecap":"butt","strokeMiterlimit":"4","strokeWidth":128},{"strokeLinejoin":"miter","strokeLinecap":"butt","strokeMiterlimit":"4","strokeWidth":128}],"width":3584,"grid":0,"tags":["three-little-point"]},"attrs":[{"strokeLinejoin":"miter","strokeLinecap":"butt","strokeMiterlimit":"4","strokeWidth":128},{"strokeLinejoin":"miter","strokeLinecap":"butt","strokeMiterlimit":"4","strokeWidth":128},{"strokeLinejoin":"miter","strokeLinecap":"butt","strokeMiterlimit":"4","strokeWidth":128}],"properties":{"order":181,"id":1,"name":"picto-three-little-point","prevSize":32,"code":59652},"setIdx":1,"setId":1,"iconIdx":4},{"icon":{"paths":["M380.56 644.025c-145.784 0-263.465-117.681-263.465-263.465s117.681-263.465 263.465-263.465c145.784 0 263.465 117.681 263.465 263.465s-117.681 263.465-263.465 263.465zM731.847 644.025h-46.253l-16.393-15.808c57.377-66.744 91.92-153.395 91.92-247.657 0-210.186-170.374-380.56-380.56-380.56s-380.56 170.374-380.56 380.56c0 210.186 170.374 380.56 380.56 380.56 94.262 0 180.913-34.543 247.657-91.92l15.808 16.393v46.253l292.739 292.153 87.236-87.236-292.153-292.739z"],"attrs":[],"grid":0,"tags":["search-new"]},"attrs":[],"properties":{"order":182,"id":0,"name":"picto-search-new","prevSize":32,"code":59653},"setIdx":1,"setId":1,"iconIdx":5}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showCodes":true,"showQuickUse":false,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon","majorVersion":1,"minorVersion":0},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false,"autoHost":true,"showMetrics":false,"showMetadata":false,"showVersion":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215},"historySize":50,"gridSize":16,"quickUsageToken":{"icon-alchemy":"NDcwYTI2OTBkYmY0ZjNkOTBiMzg2Yjk2OWZlNjY2YTMjMSMxNTM4NTczNzc3IyMj"},"showLiga":false}}

34
resources/www/common/styles/fonts/PhraseanetIcomoon/style.css Executable file
View File

@@ -0,0 +1,34 @@
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-picto-information:before {
content: "\e900";
}
.icon-pastille-rond:before {
content: "\e901";
}
.icon-pastille-carre:before {
content: "\e902";
}
.icon-picto-point-list:before {
content: "\e903";
}
.icon-picto-three-little-point:before {
content: "\e904";
}
.icon-picto-search-new:before {
content: "\e905";
}

34
resources/www/common/styles/main.scss
View File

@@ -1,7 +1,18 @@
@font-face {
font-family: 'icomoon';
src: url('../fonts/PhraseanetIcomoon/fonts/icomoon.eot?xt8hfo');
src: url('../fonts/PhraseanetIcomoon/fonts/icomoon.eot?xt8hfo#iefix') format('embedded-opentype'),
url('../fonts/PhraseanetIcomoon/fonts/icomoon.ttf?xt8hfo') format('truetype'),
url('../fonts/PhraseanetIcomoon/fonts/icomoon.woff?xt8hfo') format('woff'),
url('../fonts/PhraseanetIcomoon/fonts/icomoon.svg?xt8hfo#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/**
* Common stylesheet, builded into assets/common/styles/common.css
*/
@import '../../../../node_modules/font-awesome/scss/font-awesome.scss';
@import './fonts/PhraseanetIcomoon/style';
@import './roboto.scss';
@import '../../_shared/styles/variables';
@import '../../vendors/bootstrap/bootstrap';
@@ -38,5 +49,28 @@ $mainMenuLinkBackgroundHoverColor: transparent;
}
}
[class^="icon-"], [class*=" icon-"].icomoon {
display: inline-block;
width: inherit;
height: inherit;
margin-right: inherit;
line-height: inherit;
vertical-align: inherit;
background-image:none;
margin-top: inherit;
}
.icon-picto-three-little-point {
font-size: 4.5px;
}
.icomoon{
&.with-shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
&.with-white-shadow {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.39);
}
}