Ad5001/omegamma
Ad5001/omegamma
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Adding b/w outline to application icons on their page

Browse source
This commit is contained in:
Adsooi 2021-08-09 16:54:35 +02:00
parent 79f9fe1752
commit ebd4f05942
Signed by: Ad5001
GPG key ID: EF45F9C6AFE20160
3 changed files with 8 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/scss/components/common/button.scss
View file

@ -38,11 +38,13 @@
&:active { &:active {
box-shadow: 0px 0px 8px 0px #000000; box-shadow: 0px 0px 8px 0px #000000;
filter: brightness(80%); filter: brightness(80%);
z-index: 2
} }
&:hover { &:hover {
box-shadow: 0px 0px 8px 0px #000000; box-shadow: 0px 0px 8px 0px #000000;
filter: brightness(90%); filter: brightness(98%);
z-index: 2
} }
& a, &:not(div) { & a, &:not(div) {

15
assets/scss/components/common/icon.scss
View file

@ -51,21 +51,14 @@
vertical-align: middle; vertical-align: middle;
} }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'omegicons';
src: url('../font/omegicons.svg?71804627#omegicons') format('svg');
}
}
*/
.shadowed { .shadowed {
filter: drop-shadow(0 0 1px rgba(0, 0, 0, .6)); filter: drop-shadow(0 0 1px rgba(0, 0, 0, .6));
} }
.text-white .shadowed {
filter: drop-shadow(0 0 1px rgba(255, 255, 255, .6));
}
[class^="icon-"]:before, [class*=" icon-"]:before { [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "omegicons"; font-family: "omegicons";
font-style: normal; font-style: normal;

2
layouts/partials/section-app-header.html
View file

@ -6,7 +6,7 @@
<div class="columns-container"> <div class="columns-container">
<div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}"> <div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
<br> <br>
<h1 class="flex flex-right">&nbsp;<img src="/icons/apps/{{ .AppIndex | safeHTML }}.svg" class="icon-larger-text" alt=""/>{{ $appdata.name | safeHTML }}</h1> <h1 class="flex flex-right">&nbsp;<img src="/icons/apps/{{ .AppIndex | safeHTML }}.svg" class="icon-larger-text shadowed" alt="{{ .AppIndex | safeHTML }} app icon"/>{{ $appdata.name | safeHTML }}</h1>
<h2>{{ $appdata.description | safeHTML }}</h2> <h2>{{ $appdata.description | safeHTML }}</h2>
{{ if .ShowPlatforms }} {{ if .ShowPlatforms }}
<p class="flex flex-right">{{ i18n "availableOn" }}&nbsp; <p class="flex flex-right">{{ i18n "availableOn" }}&nbsp;