Skip to content
Permalink
Browse files

Update mobile styles for or-asset-viewer

  • Loading branch information...
robin-dekkers committed Nov 6, 2019
1 parent a3dfbc2 commit 250e60d486f8f8e7ae772428d1f791fb458249e0
Showing with 10 additions and 1 deletion.
  1. +2 −1 ui/component/or-asset-viewer/src/index.ts
  2. +8 −0 ui/component/or-asset-viewer/src/style.ts
@@ -111,6 +111,7 @@ export class OrAssetViewer extends subscribe(manager)(translate(i18next)(LitElem
gridColumnEnd: "13",
gridRowStart: "2",
gridRowEnd: "4",
minHeight: "400px"
},
fieldStyles: {
location: {
@@ -219,7 +220,7 @@ export class OrAssetViewer extends subscribe(manager)(translate(i18next)(LitElem
<div class="title">
<or-icon title="${descriptor && descriptor.type ? descriptor.type : "unset"}" style="--or-icon-fill: ${descriptor && descriptor.color ? "#" + descriptor.color : "unset"}" icon="${descriptor && descriptor.icon ? descriptor.icon : AssetType.THING.icon}"></or-icon>${this.asset.name}
</div>
<div class="created">Aangemaakt op: ${formattedDate}</div>
<div class="created mobileHidden">Aangemaakt op: ${formattedDate}</div>
</div>
${html`${Object.entries(this._viewerConfig.panels).map(([name, panelConfig]) => {
const panelTemplate = OrAssetViewer.getPanel(name, this.asset!, this._attributes!, this._viewerConfig!, panelConfig, this.shadowRoot);
@@ -154,8 +154,16 @@ export const style = css`
grid-area: auto!important;
}
.panel {
padding: 10px;
border-radius: 0;
border-right: none;
border-left: none;
}
#container {
grid-template-columns: 1fr!important;
padding: 20px 0;
}
}
`;

0 comments on commit 250e60d

Please sign in to comment.
You can’t perform that action at this time.