web: fix more height issues and sidebar not correctly activating

This commit is contained in:
Jens Langhammer
2021-03-01 10:32:25 +01:00
parent f2eaa9052e
commit 9c33f4858f
6 changed files with 31 additions and 11 deletions

View File

@ -32,6 +32,9 @@ export class ApplicationViewPage extends LitElement {
img.pf-icon {
max-height: 24px;
}
ak-tabs {
height: 100%;
}
`
);
}

View File

@ -27,6 +27,9 @@ export class FlowViewPage extends LitElement {
img.pf-icon {
max-height: 24px;
}
ak-tabs {
height: 100%;
}
`
);
}

View File

@ -1,4 +1,4 @@
import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { css, CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { Provider } from "../../api/Providers";
import { COMMON_STYLES } from "../../common/styles";
@ -22,7 +22,11 @@ export class ProviderViewPage extends LitElement {
provider?: Provider;
static get styles(): CSSResult[] {
return COMMON_STYLES;
return COMMON_STYLES.concat(css`
* {
height: 100%;
}
`);
}
render(): TemplateResult {

View File

@ -1,4 +1,4 @@
import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { css, CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { COMMON_STYLES } from "../../common/styles";
import "../../elements/buttons/ModalButton";
@ -25,7 +25,11 @@ export class SourceViewPage extends LitElement {
source?: Source;
static get styles(): CSSResult[] {
return COMMON_STYLES;
return COMMON_STYLES.concat(css`
* {
height: 100%;
}
`);
}
render(): TemplateResult {
@ -45,8 +49,6 @@ export class SourceViewPage extends LitElement {
return html`<ak-source-ldap-view sourceSlug=${this.source.slug}></ak-source-ldap-view>`;
case "oauth":
return html`<ak-source-oauth-view sourceSlug=${this.source.slug}></ak-source-oauth-view>`;
// case "proxy":
// return html`<ak-provider-proxy-view providerID=${this.source.pk}></ak-provider-proxy-view>`;
default:
return html`<p>Invalid source type ${this.source.object_type}</p>`;
}