Skip to content
Snippets Groups Projects
Commit 7b5d1b56 authored by Reiter, Christoph's avatar Reiter, Christoph :snake:
Browse files

Use vpu-icon for the menu arrow

parent 022ad54b
No related branches found
No related tags found
No related merge requests found
......@@ -43,6 +43,7 @@ export default {
targets: [
{src: 'assets/index.html', dest:'dist'},
{src: 'assets/favicon.ico', dest:'dist'},
{src: 'node_modules/material-design-icons-svg/paths/*.json', dest: 'dist/local/vpu-common/icons'},
]
}),
(process.env.ROLLUP_WATCH === 'true') ? serve({contentBase: 'dist', host: '127.0.0.1', port: 8002}) : false
......
......@@ -2,6 +2,7 @@ import {i18n} from './i18n.js';
import {html, css, LitElement} from 'lit-element';
import JSONLD from 'vpu-common/jsonld'
import * as commonUtils from 'vpu-common/utils';
import 'vpu-common/vpu-icon.js';
/**
* Keycloak auth web component
......@@ -212,16 +213,6 @@ class VPUAuth extends LitElement {
static get styles() {
return css`
i.arrow-down {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
margin: 0 3px 0 9px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
a.dropdown-item {
width: initial !important;
}
......@@ -229,6 +220,11 @@ class VPUAuth extends LitElement {
.main-button {
min-width: 150px;
}
vpu-icon {
height: 2em;
width: 2em;
}
`;
}
......@@ -250,7 +246,7 @@ class VPUAuth extends LitElement {
<div class="dropdown-trigger">
<button class="button main-button" aria-haspopup="true" aria-controls="dropdown-menu2">
<span>${this.name}</span>
<i class="arrow-down"></i>
<vpu-icon name="menu-down"></vpu-icon>
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu2" role="menu">
......
common @ f310ba99
Subproject commit 8a80921c5f8ea2b0d1a0a548741d2ca1716a5139
Subproject commit f310ba99da6347270774f6a9554368128f86721b
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment