diff --git a/assets/scss/components/common/button.scss b/assets/scss/components/common/button.scss index 4d156ab..dfeb43a 100644 --- a/assets/scss/components/common/button.scss +++ b/assets/scss/components/common/button.scss @@ -38,11 +38,13 @@ &:active { box-shadow: 0px 0px 8px 0px #000000; filter: brightness(80%); + z-index: 2 } &:hover { box-shadow: 0px 0px 8px 0px #000000; - filter: brightness(90%); + filter: brightness(98%); + z-index: 2 } & a, &:not(div) { diff --git a/assets/scss/components/common/icon.scss b/assets/scss/components/common/icon.scss index 91c104b..71ea10a 100644 --- a/assets/scss/components/common/icon.scss +++ b/assets/scss/components/common/icon.scss @@ -51,21 +51,14 @@ 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 { 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 { font-family: "omegicons"; font-style: normal; diff --git a/layouts/partials/section-app-header.html b/layouts/partials/section-app-header.html index c9efc7d..1ba6c5c 100644 --- a/layouts/partials/section-app-header.html +++ b/layouts/partials/section-app-header.html @@ -6,7 +6,7 @@

-

 {{ $appdata.name | safeHTML }}

+

 {{ .AppIndex | safeHTML }} app icon{{ $appdata.name | safeHTML }}

{{ $appdata.description | safeHTML }}

{{ if .ShowPlatforms }}

{{ i18n "availableOn" }}