fix: icons
This commit is contained in:
Torsten Dittmann
parent
6386e6835f
commit
111e9faf69
|
|
@ -84,7 +84,7 @@ return [ // Ordered by ABC.
|
|||
'github' => [
|
||||
'name' => 'GitHub',
|
||||
'developers' => 'https://developer.github.com/',
|
||||
'icon' => 'icon-github-circled',
|
||||
'icon' => 'icon-github',
|
||||
'enabled' => true,
|
||||
'sandbox' => false,
|
||||
'form' => false,
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ $version = $this->getParam('version', '') . '.' . APP_CACHE_BUSTER;
|
|||
data-analytics-event="click"
|
||||
data-analytics-category="console/footer"
|
||||
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>
|
||||
<a class="link-animation-enabled"
|
||||
|
|
|
|||
|
|
@ -116,7 +116,7 @@ $home = $this->getParam('home', '');
|
|||
data-analytics
|
||||
data-analytics-type="click"
|
||||
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 class="col span-6 margin-bottom">
|
||||
|
|
|
|||
2
public/dist/styles/default-ltr.css
vendored
2
public/dist/styles/default-ltr.css
vendored
File diff suppressed because one or more lines are too long
2
public/dist/styles/default-rtl.css
vendored
2
public/dist/styles/default-rtl.css
vendored
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 203 KiB After Width: | Height: | Size: 194 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -35,6 +35,7 @@
|
|||
|
||||
a,
|
||||
.link {
|
||||
display: inline-flex;
|
||||
color: var(--config-color-focus);
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
|
|
@ -43,5 +44,9 @@
|
|||
&:hover {
|
||||
border-bottom-color: var(--config-color-focus);
|
||||
}
|
||||
|
||||
i {
|
||||
margin-right: .2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -18,14 +18,21 @@ body > footer {
|
|||
}
|
||||
|
||||
a {
|
||||
display: inline-flex;
|
||||
color: var(--config-color-fade);
|
||||
font-size: 13px;
|
||||
&:hover {
|
||||
border-bottom-color: var(--config-color-fade);
|
||||
}
|
||||
|
||||
i {
|
||||
margin-right: .2rem;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
.clear;
|
||||
|
||||
li {
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ header {
|
|||
.links a {
|
||||
padding: 0;
|
||||
border: none;
|
||||
display: block;
|
||||
display: flex;
|
||||
text-align: center;
|
||||
color: #788c99;
|
||||
font-size: 12px;
|
||||
|
|
|
|||
|
|
@ -583,8 +583,8 @@ input[type=checkbox], input[type=radio] {
|
|||
|
||||
&:checked:after {
|
||||
text-align: center;
|
||||
font-family: "fontello";
|
||||
content: '\e83d';
|
||||
font-family: "icon";
|
||||
content: '\ea14';
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
color: var(--config-color-background-fade);
|
||||
|
|
@ -1027,8 +1027,8 @@ hr {
|
|||
}
|
||||
|
||||
&:before {
|
||||
content: '\e807';
|
||||
font-family: "fontello";
|
||||
content: '\ea11';
|
||||
font-family: 'icon';
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
|
|
@ -1294,8 +1294,8 @@ ol {
|
|||
|
||||
&::before {
|
||||
.pull-end;
|
||||
content: '\e807';
|
||||
font-family: fontello;
|
||||
content: '\ea11';
|
||||
font-family: 'icon';
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -5,16 +5,46 @@
|
|||
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.svg?t=1645269945236#icon') format('svg'); /* iOS 4.1- */
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: 'icon' !important;
|
||||
font-size: 12px;
|
||||
font-style:normal;
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "icon" !important;
|
||||
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;
|
||||
-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-right:before { content: "\ea02"; }
|
||||
.icon-archive:before { content: "\ea03"; }
|
||||
|
|
@ -44,8 +74,8 @@
|
|||
.icon-dev:before { content: "\ea1b"; }
|
||||
.icon-discord:before { content: "\ea1c"; }
|
||||
.icon-docs:before { content: "\ea1d"; }
|
||||
.icon-dot-circled:before { content: "\ea1e"; }
|
||||
.icon-double:before { content: "\ea1f"; }
|
||||
.icon-dot-3:before { content: "\ea1e"; }
|
||||
.icon-dot-circled:before { content: "\ea1f"; }
|
||||
.icon-down-dir:before { content: "\ea20"; }
|
||||
.icon-down-open:before { content: "\ea21"; }
|
||||
.icon-download:before { content: "\ea22"; }
|
||||
|
|
@ -54,94 +84,90 @@
|
|||
.icon-export:before { content: "\ea25"; }
|
||||
.icon-eye:before { content: "\ea26"; }
|
||||
.icon-facebook:before { content: "\ea27"; }
|
||||
.icon-file:before { content: "\ea28"; }
|
||||
.icon-film:before { content: "\ea29"; }
|
||||
.icon-filter:before { content: "\ea2a"; }
|
||||
.icon-fire:before { content: "\ea2b"; }
|
||||
.icon-float:before { content: "\ea2c"; }
|
||||
.icon-folder:before { content: "\ea2d"; }
|
||||
.icon-github:before { content: "\ea2e"; }
|
||||
.icon-gitlab:before { content: "\ea2f"; }
|
||||
.icon-glasses:before { content: "\ea30"; }
|
||||
.icon-google:before { content: "\ea31"; }
|
||||
.icon-hackernews:before { content: "\ea32"; }
|
||||
.icon-header:before { content: "\ea33"; }
|
||||
.icon-heart:before { content: "\ea34"; }
|
||||
.icon-home:before { content: "\ea35"; }
|
||||
.icon-image:before { content: "\ea36"; }
|
||||
.icon-inbox:before { content: "\ea37"; }
|
||||
.icon-info-circled:before { content: "\ea38"; }
|
||||
.icon-instagram:before { content: "\ea39"; }
|
||||
.icon-integer:before { content: "\ea3a"; }
|
||||
.icon-ip:before { content: "\ea3b"; }
|
||||
.icon-italic:before { content: "\ea3c"; }
|
||||
.icon-key-inv:before { content: "\ea3d"; }
|
||||
.icon-key:before { content: "\ea3e"; }
|
||||
.icon-keyboard:before { content: "\ea3f"; }
|
||||
.icon-lamp:before { content: "\ea40"; }
|
||||
.icon-left-dir:before { content: "\ea41"; }
|
||||
.icon-left-open:before { content: "\ea42"; }
|
||||
.icon-lifebuoy:before { content: "\ea43"; }
|
||||
.icon-lightning:before { content: "\ea44"; }
|
||||
.icon-link-ext:before { content: "\ea45"; }
|
||||
.icon-link:before { content: "\ea46"; }
|
||||
.icon-linkedin:before { content: "\ea47"; }
|
||||
.icon-list-bullet:before { content: "\ea48"; }
|
||||
.icon-list-numbered:before { content: "\ea49"; }
|
||||
.icon-list:before { content: "\ea4a"; }
|
||||
.icon-location:before { content: "\ea4b"; }
|
||||
.icon-lock:before { content: "\ea4c"; }
|
||||
.icon-login:before { content: "\ea4d"; }
|
||||
.icon-mail:before { content: "\ea4e"; }
|
||||
.icon-medium:before { content: "\ea4f"; }
|
||||
.icon-menu:before { content: "\ea50"; }
|
||||
.icon-minus:before { content: "\ea51"; }
|
||||
.icon-moon-inv:before { content: "\ea52"; }
|
||||
.icon-moon:before { content: "\ea53"; }
|
||||
.icon-more:before { content: "\ea54"; }
|
||||
.icon-network:before { content: "\ea55"; }
|
||||
.icon-ok-circled:before { content: "\ea56"; }
|
||||
.icon-ok:before { content: "\ea57"; }
|
||||
.icon-palette:before { content: "\ea58"; }
|
||||
.icon-pause:before { content: "\ea59"; }
|
||||
.icon-phone:before { content: "\ea5a"; }
|
||||
.icon-photograph:before { content: "\ea5b"; }
|
||||
.icon-picture:before { content: "\ea5c"; }
|
||||
.icon-pinterest:before { content: "\ea5d"; }
|
||||
.icon-play:before { content: "\ea5e"; }
|
||||
.icon-plus:before { content: "\ea5f"; }
|
||||
.icon-qrcode:before { content: "\ea60"; }
|
||||
.icon-question:before { content: "\ea61"; }
|
||||
.icon-quote-right:before { content: "\ea62"; }
|
||||
.icon-random:before { content: "\ea63"; }
|
||||
.icon-reddit:before { content: "\ea64"; }
|
||||
.icon-refresh:before { content: "\ea65"; }
|
||||
.icon-right-dir:before { content: "\ea66"; }
|
||||
.icon-right-open:before { content: "\ea67"; }
|
||||
.icon-rocket:before { content: "\ea68"; }
|
||||
.icon-search:before { content: "\ea69"; }
|
||||
.icon-shield:before { content: "\ea6a"; }
|
||||
.icon-smile-o:before { content: "\ea6b"; }
|
||||
.icon-sort:before { content: "\ea6c"; }
|
||||
.icon-stackoverflow:before { content: "\ea6d"; }
|
||||
.icon-stopwatch:before { content: "\ea6e"; }
|
||||
.icon-string:before { content: "\ea6f"; }
|
||||
.icon-sun-inv:before { content: "\ea70"; }
|
||||
.icon-telegram:before { content: "\ea71"; }
|
||||
.icon-trash-2:before { content: "\ea72"; }
|
||||
.icon-trash:before { content: "\ea73"; }
|
||||
.icon-twitter:before { content: "\ea74"; }
|
||||
.icon-underline:before { content: "\ea75"; }
|
||||
.icon-up-dir:before { content: "\ea76"; }
|
||||
.icon-up-open:before { content: "\ea77"; }
|
||||
.icon-upload:before { content: "\ea78"; }
|
||||
.icon-user:before { content: "\ea79"; }
|
||||
.icon-users:before { content: "\ea7a"; }
|
||||
.icon-videocam:before { content: "\ea7b"; }
|
||||
.icon-warning:before { content: "\ea7c"; }
|
||||
.icon-whatsapp: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"; }
|
||||
.icon-filter:before { content: "\ea28"; }
|
||||
.icon-fire:before { content: "\ea29"; }
|
||||
.icon-float:before { content: "\ea2a"; }
|
||||
.icon-folder:before { content: "\ea2b"; }
|
||||
.icon-github:before { content: "\ea2c"; }
|
||||
.icon-gitlab:before { content: "\ea2d"; }
|
||||
.icon-glasses:before { content: "\ea2e"; }
|
||||
.icon-google:before { content: "\ea2f"; }
|
||||
.icon-hackernews:before { content: "\ea30"; }
|
||||
.icon-header:before { content: "\ea31"; }
|
||||
.icon-heart:before { content: "\ea32"; }
|
||||
.icon-home:before { content: "\ea33"; }
|
||||
.icon-image:before { content: "\ea34"; }
|
||||
.icon-inbox:before { content: "\ea35"; }
|
||||
.icon-info-circled:before { content: "\ea36"; }
|
||||
.icon-instagram:before { content: "\ea37"; }
|
||||
.icon-integer:before { content: "\ea38"; }
|
||||
.icon-ip:before { content: "\ea39"; }
|
||||
.icon-italic:before { content: "\ea3a"; }
|
||||
.icon-key-inv:before { content: "\ea3b"; }
|
||||
.icon-key:before { content: "\ea3c"; }
|
||||
.icon-keyboard:before { content: "\ea3d"; }
|
||||
.icon-lamp:before { content: "\ea3e"; }
|
||||
.icon-left-dir:before { content: "\ea3f"; }
|
||||
.icon-left-open:before { content: "\ea40"; }
|
||||
.icon-lifebuoy:before { content: "\ea41"; }
|
||||
.icon-lightning:before { content: "\ea42"; }
|
||||
.icon-link-ext:before { content: "\ea43"; }
|
||||
.icon-link:before { content: "\ea44"; }
|
||||
.icon-linkedin:before { content: "\ea45"; }
|
||||
.icon-list-bullet:before { content: "\ea46"; }
|
||||
.icon-list-numbered:before { content: "\ea47"; }
|
||||
.icon-list:before { content: "\ea48"; }
|
||||
.icon-location:before { content: "\ea49"; }
|
||||
.icon-lock:before { content: "\ea4a"; }
|
||||
.icon-login:before { content: "\ea4b"; }
|
||||
.icon-mail:before { content: "\ea4c"; }
|
||||
.icon-medium:before { content: "\ea4d"; }
|
||||
.icon-menu:before { content: "\ea4e"; }
|
||||
.icon-minus:before { content: "\ea4f"; }
|
||||
.icon-moon-inv:before { content: "\ea50"; }
|
||||
.icon-more:before { content: "\ea51"; }
|
||||
.icon-network:before { content: "\ea52"; }
|
||||
.icon-ok-circled:before { content: "\ea53"; }
|
||||
.icon-ok:before { content: "\ea54"; }
|
||||
.icon-palette:before { content: "\ea55"; }
|
||||
.icon-pause:before { content: "\ea56"; }
|
||||
.icon-phone:before { content: "\ea57"; }
|
||||
.icon-picture:before { content: "\ea58"; }
|
||||
.icon-pinterest:before { content: "\ea59"; }
|
||||
.icon-play:before { content: "\ea5a"; }
|
||||
.icon-plus:before { content: "\ea5b"; }
|
||||
.icon-qrcode:before { content: "\ea5c"; }
|
||||
.icon-question:before { content: "\ea5d"; }
|
||||
.icon-quote-right:before { content: "\ea5e"; }
|
||||
.icon-reddit:before { content: "\ea5f"; }
|
||||
.icon-right-dir:before { content: "\ea60"; }
|
||||
.icon-right-open:before { content: "\ea61"; }
|
||||
.icon-rocket:before { content: "\ea62"; }
|
||||
.icon-search:before { content: "\ea63"; }
|
||||
.icon-shield:before { content: "\ea64"; }
|
||||
.icon-shuffle:before { content: "\ea65"; }
|
||||
.icon-smile-o:before { content: "\ea66"; }
|
||||
.icon-sort:before { content: "\ea67"; }
|
||||
.icon-stackoverflow:before { content: "\ea68"; }
|
||||
.icon-stopwatch:before { content: "\ea69"; }
|
||||
.icon-string:before { content: "\ea6a"; }
|
||||
.icon-sun-inv:before { content: "\ea6b"; }
|
||||
.icon-telegram:before { content: "\ea6c"; }
|
||||
.icon-trash-2:before { content: "\ea6d"; }
|
||||
.icon-trash:before { content: "\ea6e"; }
|
||||
.icon-twitter:before { content: "\ea6f"; }
|
||||
.icon-underline:before { content: "\ea70"; }
|
||||
.icon-up-dir:before { content: "\ea71"; }
|
||||
.icon-up-open:before { content: "\ea72"; }
|
||||
.icon-upload:before { content: "\ea73"; }
|
||||
.icon-user:before { content: "\ea74"; }
|
||||
.icon-users:before { content: "\ea75"; }
|
||||
.icon-videocam:before { content: "\ea76"; }
|
||||
.icon-warning:before { content: "\ea77"; }
|
||||
.icon-whatsapp:before { content: "\ea78"; }
|
||||
.icon-wheelchair:before { content: "\ea79"; }
|
||||
.icon-windows:before { content: "\ea7a"; }
|
||||
.icon-wrench:before { content: "\ea7b"; }
|
||||
.icon-x:before { content: "\ea7c"; }
|
||||
.icon-youtube-play:before { content: "\ea7d"; }
|
||||
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ a, .link {
|
|||
|
||||
a.link-animation-enabled,
|
||||
.link.link-animation-enabled {
|
||||
display: inline-block;
|
||||
display: inline-flex;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-2px);
|
||||
|
|
|
|||
Loading…
Reference in a new issue