engineering/unrhodecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styling: new icon font fix #3488

Browse source
This commit is contained in:
lisaq 2016-10-04 12:03:30 +02:00
parent ff59708ca8
commit 272d4625b1
7 changed files with 131 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

75
rhodecode/public/css/rcicons.less
View file

@ -1,10 +1,11 @@
@font-face {
font-family: 'rcicons';
src: url('../fonts/RCIcons/rcicons.eot?18742416');
src: url('../fonts/RCIcons/rcicons.eot?18742416#iefix') format('embedded-opentype'),
url('../fonts/RCIcons/rcicons.woff?18742416') format('woff'),
url('../fonts/RCIcons/rcicons.ttf?18742416') format('truetype'),
url('../fonts/RCIcons/rcicons.svg?18742416#rcicons') format('svg');
src: url('../fonts/RCIcons/rcicons.eot?88634534');
src: url('../fonts/RCIcons/rcicons.eot?88634534#iefix') format('embedded-opentype'),
url('../fonts/RCIcons/rcicons.woff2?88634534') format('woff2'),
url('../fonts/RCIcons/rcicons.woff?88634534') format('woff'),
url('../fonts/RCIcons/rcicons.ttf?88634534') format('truetype'),
url('../fonts/RCIcons/rcicons.svg?88634534#rcicons') format('svg');
font-weight: normal;
font-style: normal;
}
@ -14,7 +15,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'rcicons';
src: url('../font/rcicons.svg?18742415#rcicons') format('svg');
src: url('../fonts/RCIcons/rcicons.svg?88634534#rcicons') format('svg');
}
}
*/
@ -35,7 +36,7 @@
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
@ -46,40 +47,44 @@
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-svn-transparent:before { content: '\e800'; } /* '' */
.icon-hg-transparent:before { content: '\e801'; } /* '' */
.icon-git-transparent:before { content: '\e802'; } /* '' */
.icon-svn:before { content: '\e803'; } /* '' */
.icon-hg:before { content: '\e804'; } /* '' */
.icon-git:before { content: '\e805'; } /* '' */
.icon-plus:before { content: '\e806'; } /* '' */
.icon-minus:before { content: '\e807'; } /* '' */
.icon-remove:before { content: '\e808'; } /* '' */
.icon-bookmark:before { content: '\e809'; } /* '' */
.icon-branch:before { content: '\e80a'; } /* '' */
.icon-tag:before { content: '\e80b'; } /* '' */
.icon-lock:before { content: '\e80c'; } /* '' */
.icon-unlock:before { content: '\e80d'; } /* '' */
.icon-git:before { content: '\e82a'; } /* '' */
.icon-hg:before { content: '\e82d'; } /* '' */
.icon-svn:before { content: '\e82e'; } /* '' */
.icon-plus:before { content: '\e813'; } /* '' */
.icon-minus:before { content: '\e814'; } /* '' */
.icon-remove:before { content: '\e815'; } /* '' */
.icon-bookmark:before { content: '\e803'; } /* '' */
.icon-branch:before { content: '\e804'; } /* '' */
.icon-merge:before { content: '\e833'; } /* '' */
.icon-tag:before { content: '\e805'; } /* '' */
.icon-lock:before { content: '\e806'; } /* '' */
.icon-unlock:before { content: '\e807'; } /* '' */
.icon-delete:before,
.icon-false:before { content: '\e80e'; } /* '' */
.icon-false:before { content: '\e800'; } /* '' */
.icon-ok:before,
.icon-true:before { content: '\e80f'; } /* '' */
.icon-comment:before { content: '\e810'; } /* '' */
.icon-feed:before { content: '\e811'; } /* '' */
.icon-right:before { content: '\e812'; } /* '' */
.icon-left:before { content: '\e813'; } /* '' */
.icon-arrow_down:before { content: '\e814'; } /* '' */
.icon-group:before { content: '\e815'; } /* '' */
.icon-folder:before { content: '\e816'; } /* '' */
.icon-fork:before { content: '\e817'; } /* '' */
.icon-more:before { content: '\e818'; } /* '' */
.icon-comment-add:before { content: '\e819'; } /* '' */
.icon-true:before { content: '\e801'; } /* '' */
.icon-feed:before { content: '\e808'; } /* '' */
.icon-left:before { content: '\e809'; } /* '' */
.icon-right:before { content: '\e80a'; } /* '' */
.icon-arrow_down:before { content: '\e80b'; } /* '' */
.icon-arrow_up:before { content: '\e832'; } /* '' */
.icon-group:before { content: '\e80f'; } /* '' */
.icon-folder:before { content: '\e810'; } /* '' */
.icon-fork:before { content: '\e811'; } /* '' */
.icon-more:before { content: '\e812'; } /* '' */
.icon-comment:before { content: '\e802'; } /* '' */
.icon-comment-add:before { content: '\e82f'; } /* '' */
.icon-comment-toggle:before { content: '\e830'; } /* '' */
.icon-rhodecode:before { content: '\e831'; } /* '' */
.icon-remove-sign:before { &:extend(.icon-remove:before); }
.icon-repo-private:before,
.icon-repo-lock:before { &:extend(.icon-lock:before); }

BIN
rhodecode/public/fonts/RCIcons/rcicons.eot
View file

Binary file not shown.

79
rhodecode/public/fonts/RCIcons/rcicons.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 21 KiB

Before After
Before After

BIN
rhodecode/public/fonts/RCIcons/rcicons.ttf
View file

Binary file not shown.

BIN
rhodecode/public/fonts/RCIcons/rcicons.woff
View file

Binary file not shown.

BIN
rhodecode/public/fonts/RCIcons/rcicons.woff2 Normal file
View file

Binary file not shown.

70
rhodecode/templates/debug_style/icons.html
View file

@ -53,40 +53,46 @@
<table id="icons-list">
<tr class="row">
<td title="Code: 0xe800" class="the-icons span3"><i class="icon-plus"></i> <span class="i-name">icon-plus</span><span class="i-code">0xe800</span></td>
<td title="Code: 0xe801" class="the-icons span3"><i class="icon-minus"></i> <span class="i-name">icon-minus</span><span class="i-code">0xe801</span></td>
<td title="Code: 0xe802" class="the-icons span3"><i class="icon-remove"></i> <span class="i-name">icon-remove</span><span class="i-code">0xe802</span></td>
<td title="Code: 0xe803" class="the-icons span3"><i class="icon-bookmark"></i> <span class="i-name">icon-bookmark</span><span class="i-code">0xe803</span></td>
<td title="Code: 0xe813" class="the-icons span3"><i class="icon-plus"></i> <span class="i-name">icon-plus</span> <span class="i-code">0xe813</span></td>
<td title="Code: 0xe814" class="the-icons span3"><i class="icon-minus"></i> <span class="i-name">icon-minus</span> <span class="i-code">0xe814</span></td>
<td title="Code: 0xe815" class="the-icons span3"><i class="icon-remove"></i> <span class="i-name">icon-remove</span> <span class="i-code">0xe815</span></td>
<td title="Code: 0xe811" class="the-icons span3"><i class="icon-fork"></i> <span class="i-name">icon-fork</span> <span class="i-code">0xe811</span></td>
<td title="Code: 0xe803" class="the-icons span3"><i class="icon-bookmark"></i> <span class="i-name">icon-bookmark</span> <span class="i-code">0xe803</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe804" class="the-icons span3"><i class="icon-branch"></i> <span class="i-name">icon-branch</span> <span class="i-code">0xe804</span></td>
<td title="Code: 0xe833" class="the-icons span3"><i class="icon-merge"></i> <span class="i-name">icon-merge</span> <span class="i-code">0xe833</span></td>
<td title="Code: 0xe805" class="the-icons span3"><i class="icon-tag"></i> <span class="i-name">icon-tag</span> <span class="i-code">0xe805</span></td>
<td title="Code: 0xe806" class="the-icons span3"><i class="icon-lock"></i> <span class="i-name">icon-lock</span> <span class="i-code">0xe806</span></td>
<td title="Code: 0xe807" class="the-icons span3"><i class="icon-unlock"></i> <span class="i-name">icon-unlock</span> <span class="i-code">0xe807</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe800" class="the-icons span3"><i class="icon-delete"></i> <span class="i-name">icon-delete</span> <span class="i-code">0xe800</span></td>
<td title="Code: 0xe800" class="the-icons span3"><i class="icon-false"></i> <span class="i-name">icon-false</span> <span class="i-code">0xe800</span></td>
<td title="Code: 0xe801" class="the-icons span3"><i class="icon-ok"></i> <span class="i-name">icon-ok</span> <span class="i-code">0xe801</span></td>
<td title="Code: 0xe801" class="the-icons span3"><i class="icon-true"></i> <span class="i-name">icon-true</span> <span class="i-code">0xe801</span></td>
<td title="Code: 0xe80f" class="the-icons span3"><i class="icon-group"></i> <span class="i-name">icon-group</span> <span class="i-code">0xe80f</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe82d" class="the-icons span3"><i class="icon-hg"></i> <span class="i-name">icon-hg</span> <span class="i-code">0xe82d</span></td>
<td title="Code: 0xe82a" class="the-icons span3"><i class="icon-git"></i> <span class="i-name">icon-git</span> <span class="i-code">0xe82a</span></td>
<td title="Code: 0xe82e" class="the-icons span3"><i class="icon-svn"></i> <span class="i-name">icon-svn</span> <span class="i-code">0xe82e</span></td>
<td title="Code: 0xe810" class="the-icons span3"><i class="icon-folder"></i> <span class="i-name">icon-folder</span> <span class="i-code">0xe810</span></td>
<td title="Code: 0xe831" class="the-icons span3"><i class="icon-rhodecode"></i> <span class="i-name">icon-rhodecode</span> <span class="i-code">0xe831</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe812" class="the-icons span3"><i class="icon-more"></i> <span class="i-name">icon-more</span> <span class="i-code">0xe812</span></td>
<td title="Code: 0xe802" class="the-icons span3"><i class="icon-comment"></i> <span class="i-name">icon-comment</span> <span class="i-code">0xe802</span></td>
<td title="Code: 0xe82f" class="the-icons span3"><i class="icon-comment-add"></i> <span class="i-name">icon-comment-add</span> <span class="i-code">0xe82f</span></td>
<td title="Code: 0xe830" class="the-icons span3"><i class="icon-comment-toggle"></i> <span class="i-name">icon-comment-toggle</span> <span class="i-code">0xe830</span></td>
<td title="Code: 0xe808" class="the-icons span3"><i class="icon-feed"></i> <span class="i-name">icon-feed</span> <span class="i-code">0xe808</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe804" class="the-icons span3"><i class="icon-branch"></i> <span class="i-name">icon-branch</span><span class="i-code">0xe804</span></td>
<td title="Code: 0xe805" class="the-icons span3"><i class="icon-tag"></i> <span class="i-name">icon-tag</span><span class="i-code">0xe805</span></td>
<td title="Code: 0xe806" class="the-icons span3"><i class="icon-lock"></i> <span class="i-name">icon-lock</span><span class="i-code">0xe806</span></td>
<td title="Code: 0xe807" class="the-icons span3"><i class="icon-unlock"></i> <span class="i-name">icon-unlock</span><span class="i-code">0xe807</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe808" class="the-icons span3"><i class="icon-delete"></i> <span class="i-name">icon-delete</span><span class="i-code">0xe808</span></td>
<td title="Code: 0xe808" class="the-icons span3"><i class="icon-false"></i> <span class="i-name">icon-false</span><span class="i-code">0xe808</span></td>
<td title="Code: 0xe809" class="the-icons span3"><i class="icon-ok"></i> <span class="i-name">icon-ok</span><span class="i-code">0xe809</span></td>
<td title="Code: 0xe809" class="the-icons span3"><i class="icon-true"></i> <span class="i-name">icon-true</span><span class="i-code">0xe809</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe80c" class="the-icons span3"><i class="icon-right"></i> <span class="i-name">icon-right</span><span class="i-code">0xe80c</span></td>
<td title="Code: 0xe80d" class="the-icons span3"><i class="icon-left"></i> <span class="i-name">icon-left</span><span class="i-code">0xe80d</span></td>
<td title="Code: 0xe80e" class="the-icons span3"><i class="icon-arrow_down"></i> <span class="i-name">icon-arrow_down</span><span class="i-code">0xe80e</span></td>
<td title="Code: 0xe80f" class="the-icons span3"><i class="icon-git"></i> <span class="i-name">icon-git</span><span class="i-code">0xe80f</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe810" class="the-icons span3"><i class="icon-hg"></i> <span class="i-name">icon-hg</span><span class="i-code">0xe810</span></td>
<td title="Code: 0xe811" class="the-icons span3"><i class="icon-svn"></i> <span class="i-name">icon-svn</span><span class="i-code">0xe811</span></td>
<td title="Code: 0xe812" class="the-icons span3"><i class="icon-group"></i> <span class="i-name">icon-group</span><span class="i-code">0xe812</span></td>
<td title="Code: 0xe813" class="the-icons span3"><i class="icon-folder"></i> <span class="i-name">icon-folder</span><span class="i-code">0xe813</span></td>
</tr>
<tr class="row">
<td title="Code: 0xe814" class="the-icons span3"><i class="icon-fork"></i> <span class="i-name">icon-fork</span><span class="i-code">0xe814</span></td>
<td title="Code: 0xe815" class="the-icons span3"><i class="icon-more"></i> <span class="i-name">icon-more</span><span class="i-code">0xe815</span></td>
<td title="Code: 0xe80a" class="the-icons span3"><i class="icon-comment"></i> <span class="i-name">icon-comment</span><span class="i-code">0xe80a</span></td>
<td title="Code: 0xe80b" class="the-icons span3"><i class="icon-feed"></i> <span class="i-name">icon-feed</span><span class="i-code">0xe80b</span></td>
<td title="Code: 0xe80a" class="the-icons span3"><i class="icon-right"></i> <span class="i-name">icon-right</span> <span class="i-code">0xe80a</span></td>
<td title="Code: 0xe809" class="the-icons span3"><i class="icon-left"></i> <span class="i-name">icon-left</span> <span class="i-code">0xe809</span></td>
<td title="Code: 0xe80b" class="the-icons span3"><i class="icon-arrow_down"></i> <span class="i-name">icon-arrow_down</span> <span class="i-code">0xe80b</span></td>
<td title="Code: 0xe832" class="the-icons span3"><i class="icon-arrow_up"></i> <span class="i-name">icon-arrow_up</span> <span class="i-code">0xe832</span></td>
<td></td>
</tr>
</div>
</table>