web/user: fix minor style issues
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
4bf2878cf7
commit
fcd9c58a73
|
@ -75,7 +75,10 @@ export class UserInterface extends LitElement {
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
.pf-c-page {
|
.pf-c-page {
|
||||||
background-color: transparent !important;
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
.background-wrapper {
|
||||||
|
background-color: var(--pf-c-page--BackgroundColor) !important;
|
||||||
}
|
}
|
||||||
.display-none {
|
.display-none {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
@ -89,9 +89,6 @@ export class LibraryPage extends LitElement {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
margin-top: 1.2em;
|
margin-top: 1.2em;
|
||||||
}
|
}
|
||||||
.text-shadow {
|
|
||||||
text-shadow: 2px 2px 5px var(--ak-dark-background-light);
|
|
||||||
}
|
|
||||||
`);
|
`);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -148,7 +145,7 @@ export class LibraryPage extends LitElement {
|
||||||
${this.getApps().map(([group, apps]) => {
|
${this.getApps().map(([group, apps]) => {
|
||||||
return html`<div class="pf-l-grid__item ${groupClass}">
|
return html`<div class="pf-l-grid__item ${groupClass}">
|
||||||
<div class="pf-c-content app-group-header">
|
<div class="pf-c-content app-group-header">
|
||||||
<h2 class="text-shadow">${group}</h2>
|
<h2>${group}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="pf-l-grid pf-m-gutter ${groupGrid}">
|
<div class="pf-l-grid pf-m-gutter ${groupGrid}">
|
||||||
${apps.map((app) => {
|
${apps.map((app) => {
|
||||||
|
@ -175,7 +172,7 @@ export class LibraryPage extends LitElement {
|
||||||
id="main-content"
|
id="main-content"
|
||||||
>
|
>
|
||||||
<div class="pf-c-content header">
|
<div class="pf-c-content header">
|
||||||
<h1 class="text-shadow">${t`My applications`}</h1>
|
<h1>${t`My applications`}</h1>
|
||||||
${config.enabledFeatures.search
|
${config.enabledFeatures.search
|
||||||
? html`<input
|
? html`<input
|
||||||
@input=${(ev: InputEvent) => {
|
@input=${(ev: InputEvent) => {
|
||||||
|
@ -201,7 +198,7 @@ export class LibraryPage extends LitElement {
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
type="text"
|
type="text"
|
||||||
class="pf-u-display-none pf-u-display-block-on-md text-shadow"
|
class="pf-u-display-none pf-u-display-block-on-md"
|
||||||
autofocus
|
autofocus
|
||||||
placeholder=${t`Search...`}
|
placeholder=${t`Search...`}
|
||||||
/>`
|
/>`
|
||||||
|
|
Reference in a new issue