CodeMirror/appwrite
1
0
Fork 0
mirror of synced 2024-07-01 12:40:34 +12:00
Code Issues Projects Releases Wiki Activity

fix: icons

Browse source
This commit is contained in:
Torsten Dittmann 2022-02-21 10:53:44 +01:00
parent 6386e6835f
commit 111e9faf69
17 changed files with 247 additions and 238 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/config/providers.php
View file

@ -84,7 +84,7 @@ return [ // Ordered by ABC.
'github' => [ 'github' => [
'name' => 'GitHub', 'name' => 'GitHub',
'developers' => 'https://developer.github.com/', 'developers' => 'https://developer.github.com/',
'icon' => 'icon-github-circled', 'icon' => 'icon-github',
'enabled' => true, 'enabled' => true,
'sandbox' => false, 'sandbox' => false,
'form' => false, 'form' => false,

2
app/views/console/comps/footer.phtml
View file

@ -10,7 +10,7 @@ $version = $this->getParam('version', '') . '.' . APP_CACHE_BUSTER;
data-analytics-event="click" data-analytics-event="click"
data-analytics-category="console/footer" data-analytics-category="console/footer"
data-analytics-label="GitHub Link" data-analytics-label="GitHub Link"
href="https://github.com/appwrite/appwrite" target="_blank" rel="noopener"><i class="icon-github-circled"></i> GitHub</a> href="https://github.com/appwrite/appwrite" target="_blank" rel="noopener"><i class="icon-github"></i> GitHub</a>
</li> </li>
<li> <li>
<a class="link-animation-enabled" <a class="link-animation-enabled"

2
app/views/console/index.phtml
View file

@ -116,7 +116,7 @@ $home = $this->getParam('home', '');
data-analytics data-analytics
data-analytics-type="click" data-analytics-type="click"
data-analytics-category="console/home" data-analytics-category="console/home"
data-analytics-label="GitHub Link"><i class="icon-github-circled"></i></a> data-analytics-label="GitHub Link"><i class="icon-github"></i></a>
</div> </div>
</div> </div>
<div class="col span-6 margin-bottom"> <div class="col span-6 margin-bottom">

2
public/dist/styles/default-ltr.css vendored
View file

File diff suppressed because one or more lines are too long

2
public/dist/styles/default-rtl.css vendored
View file

File diff suppressed because one or more lines are too long

BIN
public/fonts/icon.eot
View file

Binary file not shown.

209
public/fonts/icon.svg
View file

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

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 194 KiB

18
public/fonts/icon.symbol.svg
View file

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

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/fonts/icon.ttf
View file

Binary file not shown.

BIN
public/fonts/icon.woff
View file

Binary file not shown.

BIN
public/fonts/icon.woff2
View file

Binary file not shown.

5
public/styles/comps/cover.less
View file

@ -35,6 +35,7 @@
a, a,
.link { .link {
display: inline-flex;
color: var(--config-color-focus); color: var(--config-color-focus);
border-left: none; border-left: none;
border-right: none; border-right: none;
@ -43,5 +44,9 @@
&:hover { &:hover {
border-bottom-color: var(--config-color-focus); border-bottom-color: var(--config-color-focus);
} }
i {
margin-right: .2rem;
}
} }
} }

7
public/styles/comps/footer.less
View file

@ -18,14 +18,21 @@ body > footer {
} }
a { a {
display: inline-flex;
color: var(--config-color-fade); color: var(--config-color-fade);
font-size: 13px; font-size: 13px;
&:hover { &:hover {
border-bottom-color: var(--config-color-fade); border-bottom-color: var(--config-color-fade);
} }
i {
margin-right: .2rem;
}
} }
ul { ul {
display: flex;
justify-content: center;
.clear; .clear;
li { li {

2
public/styles/comps/header.less
View file

@ -86,7 +86,7 @@ header {
.links a { .links a {
padding: 0; padding: 0;
border: none; border: none;
display: block; display: flex;
text-align: center; text-align: center;
color: #788c99; color: #788c99;
font-size: 12px; font-size: 12px;

12
public/styles/forms.less
View file

@ -583,8 +583,8 @@ input[type=checkbox], input[type=radio] {
&:checked:after { &:checked:after {
text-align: center; text-align: center;
font-family: "fontello"; font-family: "icon";
content: '\e83d'; content: '\ea14';
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
color: var(--config-color-background-fade); color: var(--config-color-background-fade);
@ -1027,8 +1027,8 @@ hr {
} }
&:before { &:before {
content: '\e807'; content: '\ea11';
font-family: "fontello"; font-family: 'icon';
font-size: 12px; font-size: 12px;
position: absolute; position: absolute;
width: 20px; width: 20px;
@ -1294,8 +1294,8 @@ ol {
&::before { &::before {
.pull-end; .pull-end;
content: '\e807'; content: '\ea11';
font-family: fontello; font-family: 'icon';
font-style: normal; font-style: normal;
display: inline-block; display: inline-block;
text-align: center; text-align: center;

220
public/styles/icons.less
View file

@ -5,16 +5,46 @@
url("/fonts/icon.woff?t=1645269945236") format("woff"), url("/fonts/icon.woff?t=1645269945236") format("woff"),
url('/fonts/icon.ttf?t=1645269945236') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/fonts/icon.ttf?t=1645269945236') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('/fonts/icon.svg?t=1645269945236#icon') format('svg'); /* iOS 4.1- */ url('/fonts/icon.svg?t=1645269945236#icon') format('svg'); /* iOS 4.1- */
font-weight: normal;
font-style: normal;
} }
[class^="icon-"], [class*=" icon-"] { [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'icon' !important; font-family: "icon" !important;
font-size: 12px; font-style: normal;
font-style:normal; font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* 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;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
} }
.icon-angle-circled-left:before { content: "\ea01"; } .icon-angle-circled-left:before { content: "\ea01"; }
.icon-angle-circled-right:before { content: "\ea02"; } .icon-angle-circled-right:before { content: "\ea02"; }
.icon-archive:before { content: "\ea03"; } .icon-archive:before { content: "\ea03"; }
@ -44,8 +74,8 @@
.icon-dev:before { content: "\ea1b"; } .icon-dev:before { content: "\ea1b"; }
.icon-discord:before { content: "\ea1c"; } .icon-discord:before { content: "\ea1c"; }
.icon-docs:before { content: "\ea1d"; } .icon-docs:before { content: "\ea1d"; }
.icon-dot-circled:before { content: "\ea1e"; } .icon-dot-3:before { content: "\ea1e"; }
.icon-double:before { content: "\ea1f"; } .icon-dot-circled:before { content: "\ea1f"; }
.icon-down-dir:before { content: "\ea20"; } .icon-down-dir:before { content: "\ea20"; }
.icon-down-open:before { content: "\ea21"; } .icon-down-open:before { content: "\ea21"; }
.icon-download:before { content: "\ea22"; } .icon-download:before { content: "\ea22"; }
@ -54,94 +84,90 @@
.icon-export:before { content: "\ea25"; } .icon-export:before { content: "\ea25"; }
.icon-eye:before { content: "\ea26"; } .icon-eye:before { content: "\ea26"; }
.icon-facebook:before { content: "\ea27"; } .icon-facebook:before { content: "\ea27"; }
.icon-file:before { content: "\ea28"; } .icon-filter:before { content: "\ea28"; }
.icon-film:before { content: "\ea29"; } .icon-fire:before { content: "\ea29"; }
.icon-filter:before { content: "\ea2a"; } .icon-float:before { content: "\ea2a"; }
.icon-fire:before { content: "\ea2b"; } .icon-folder:before { content: "\ea2b"; }
.icon-float:before { content: "\ea2c"; } .icon-github:before { content: "\ea2c"; }
.icon-folder:before { content: "\ea2d"; } .icon-gitlab:before { content: "\ea2d"; }
.icon-github:before { content: "\ea2e"; } .icon-glasses:before { content: "\ea2e"; }
.icon-gitlab:before { content: "\ea2f"; } .icon-google:before { content: "\ea2f"; }
.icon-glasses:before { content: "\ea30"; } .icon-hackernews:before { content: "\ea30"; }
.icon-google:before { content: "\ea31"; } .icon-header:before { content: "\ea31"; }
.icon-hackernews:before { content: "\ea32"; } .icon-heart:before { content: "\ea32"; }
.icon-header:before { content: "\ea33"; } .icon-home:before { content: "\ea33"; }
.icon-heart:before { content: "\ea34"; } .icon-image:before { content: "\ea34"; }
.icon-home:before { content: "\ea35"; } .icon-inbox:before { content: "\ea35"; }
.icon-image:before { content: "\ea36"; } .icon-info-circled:before { content: "\ea36"; }
.icon-inbox:before { content: "\ea37"; } .icon-instagram:before { content: "\ea37"; }
.icon-info-circled:before { content: "\ea38"; } .icon-integer:before { content: "\ea38"; }
.icon-instagram:before { content: "\ea39"; } .icon-ip:before { content: "\ea39"; }
.icon-integer:before { content: "\ea3a"; } .icon-italic:before { content: "\ea3a"; }
.icon-ip:before { content: "\ea3b"; } .icon-key-inv:before { content: "\ea3b"; }
.icon-italic:before { content: "\ea3c"; } .icon-key:before { content: "\ea3c"; }
.icon-key-inv:before { content: "\ea3d"; } .icon-keyboard:before { content: "\ea3d"; }
.icon-key:before { content: "\ea3e"; } .icon-lamp:before { content: "\ea3e"; }
.icon-keyboard:before { content: "\ea3f"; } .icon-left-dir:before { content: "\ea3f"; }
.icon-lamp:before { content: "\ea40"; } .icon-left-open:before { content: "\ea40"; }
.icon-left-dir:before { content: "\ea41"; } .icon-lifebuoy:before { content: "\ea41"; }
.icon-left-open:before { content: "\ea42"; } .icon-lightning:before { content: "\ea42"; }
.icon-lifebuoy:before { content: "\ea43"; } .icon-link-ext:before { content: "\ea43"; }
.icon-lightning:before { content: "\ea44"; } .icon-link:before { content: "\ea44"; }
.icon-link-ext:before { content: "\ea45"; } .icon-linkedin:before { content: "\ea45"; }
.icon-link:before { content: "\ea46"; } .icon-list-bullet:before { content: "\ea46"; }
.icon-linkedin:before { content: "\ea47"; } .icon-list-numbered:before { content: "\ea47"; }
.icon-list-bullet:before { content: "\ea48"; } .icon-list:before { content: "\ea48"; }
.icon-list-numbered:before { content: "\ea49"; } .icon-location:before { content: "\ea49"; }
.icon-list:before { content: "\ea4a"; } .icon-lock:before { content: "\ea4a"; }
.icon-location:before { content: "\ea4b"; } .icon-login:before { content: "\ea4b"; }
.icon-lock:before { content: "\ea4c"; } .icon-mail:before { content: "\ea4c"; }
.icon-login:before { content: "\ea4d"; } .icon-medium:before { content: "\ea4d"; }
.icon-mail:before { content: "\ea4e"; } .icon-menu:before { content: "\ea4e"; }
.icon-medium:before { content: "\ea4f"; } .icon-minus:before { content: "\ea4f"; }
.icon-menu:before { content: "\ea50"; } .icon-moon-inv:before { content: "\ea50"; }
.icon-minus:before { content: "\ea51"; } .icon-more:before { content: "\ea51"; }
.icon-moon-inv:before { content: "\ea52"; } .icon-network:before { content: "\ea52"; }
.icon-moon:before { content: "\ea53"; } .icon-ok-circled:before { content: "\ea53"; }
.icon-more:before { content: "\ea54"; } .icon-ok:before { content: "\ea54"; }
.icon-network:before { content: "\ea55"; } .icon-palette:before { content: "\ea55"; }
.icon-ok-circled:before { content: "\ea56"; } .icon-pause:before { content: "\ea56"; }
.icon-ok:before { content: "\ea57"; } .icon-phone:before { content: "\ea57"; }
.icon-palette:before { content: "\ea58"; } .icon-picture:before { content: "\ea58"; }
.icon-pause:before { content: "\ea59"; } .icon-pinterest:before { content: "\ea59"; }
.icon-phone:before { content: "\ea5a"; } .icon-play:before { content: "\ea5a"; }
.icon-photograph:before { content: "\ea5b"; } .icon-plus:before { content: "\ea5b"; }
.icon-picture:before { content: "\ea5c"; } .icon-qrcode:before { content: "\ea5c"; }
.icon-pinterest:before { content: "\ea5d"; } .icon-question:before { content: "\ea5d"; }
.icon-play:before { content: "\ea5e"; } .icon-quote-right:before { content: "\ea5e"; }
.icon-plus:before { content: "\ea5f"; } .icon-reddit:before { content: "\ea5f"; }
.icon-qrcode:before { content: "\ea60"; } .icon-right-dir:before { content: "\ea60"; }
.icon-question:before { content: "\ea61"; } .icon-right-open:before { content: "\ea61"; }
.icon-quote-right:before { content: "\ea62"; } .icon-rocket:before { content: "\ea62"; }
.icon-random:before { content: "\ea63"; } .icon-search:before { content: "\ea63"; }
.icon-reddit:before { content: "\ea64"; } .icon-shield:before { content: "\ea64"; }
.icon-refresh:before { content: "\ea65"; } .icon-shuffle:before { content: "\ea65"; }
.icon-right-dir:before { content: "\ea66"; } .icon-smile-o:before { content: "\ea66"; }
.icon-right-open:before { content: "\ea67"; } .icon-sort:before { content: "\ea67"; }
.icon-rocket:before { content: "\ea68"; } .icon-stackoverflow:before { content: "\ea68"; }
.icon-search:before { content: "\ea69"; } .icon-stopwatch:before { content: "\ea69"; }
.icon-shield:before { content: "\ea6a"; } .icon-string:before { content: "\ea6a"; }
.icon-smile-o:before { content: "\ea6b"; } .icon-sun-inv:before { content: "\ea6b"; }
.icon-sort:before { content: "\ea6c"; } .icon-telegram:before { content: "\ea6c"; }
.icon-stackoverflow:before { content: "\ea6d"; } .icon-trash-2:before { content: "\ea6d"; }
.icon-stopwatch:before { content: "\ea6e"; } .icon-trash:before { content: "\ea6e"; }
.icon-string:before { content: "\ea6f"; } .icon-twitter:before { content: "\ea6f"; }
.icon-sun-inv:before { content: "\ea70"; } .icon-underline:before { content: "\ea70"; }
.icon-telegram:before { content: "\ea71"; } .icon-up-dir:before { content: "\ea71"; }
.icon-trash-2:before { content: "\ea72"; } .icon-up-open:before { content: "\ea72"; }
.icon-trash:before { content: "\ea73"; } .icon-upload:before { content: "\ea73"; }
.icon-twitter:before { content: "\ea74"; } .icon-user:before { content: "\ea74"; }
.icon-underline:before { content: "\ea75"; } .icon-users:before { content: "\ea75"; }
.icon-up-dir:before { content: "\ea76"; } .icon-videocam:before { content: "\ea76"; }
.icon-up-open:before { content: "\ea77"; } .icon-warning:before { content: "\ea77"; }
.icon-upload:before { content: "\ea78"; } .icon-whatsapp:before { content: "\ea78"; }
.icon-user:before { content: "\ea79"; } .icon-wheelchair:before { content: "\ea79"; }
.icon-users:before { content: "\ea7a"; } .icon-windows:before { content: "\ea7a"; }
.icon-videocam:before { content: "\ea7b"; } .icon-wrench:before { content: "\ea7b"; }
.icon-warning:before { content: "\ea7c"; } .icon-x:before { content: "\ea7c"; }
.icon-whatsapp:before { content: "\ea7d"; } .icon-youtube-play:before { content: "\ea7d"; }
.icon-wheelchair:before { content: "\ea7e"; }
.icon-windows:before { content: "\ea7f"; }
.icon-wrench:before { content: "\ea80"; }
.icon-x:before { content: "\ea81"; }
.icon-youtube-play:before { content: "\ea82"; }

2
public/styles/typography.less
View file

@ -39,7 +39,7 @@ a, .link {
a.link-animation-enabled, a.link-animation-enabled,
.link.link-animation-enabled { .link.link-animation-enabled {
display: inline-block; display: inline-flex;
&:hover { &:hover {
transform: translateY(-2px); transform: translateY(-2px);