[Minor] Styling updates

This commit is contained in:
Robert von Burg 2022-05-04 10:26:24 +02:00
parent 97126daa59
commit d0594a792c
Signed by: eitch
GPG Key ID: 75DB9C85C74331F7
3 changed files with 14 additions and 7 deletions

View File

@ -1,7 +1,7 @@
{
"name": "strolch-wc-plc",
"description": "Strolch PLC WebComponents",
"version": "0.3.15",
"version": "0.3.16",
"authors": ["Robert von Burg"],
"keywords": [
"strolch",
@ -18,12 +18,12 @@
"ignore": [],
"dependencies": {
"strolchjs": "strolch-li/strolchjs#^0.5.1",
"strolch-wc-styles": "strolch-li/strolch-wc-styles#^0.4.0",
"strolch-wc-styles": "strolch-li/strolch-wc-styles#^0.4.2",
"strolch-wc-debounced-input": "strolch-li/strolch-wc-debounced-input#^0.1.2",
"strolch-wc-ws-observer": "strolch-li/strolch-wc-ws-observer#^0.2.9",
"strolch-wc-localize-behavior": "strolch-li/strolch-wc-localize-behavior#^1.1.14",
"polymer": "Polymer/polymer#^1.11.3",
"polymer": "Polymer/polymer#^1.12.0",
"iron-ajax": "PolymerElements/iron-ajax#^1.4.4",
"iron-pages": "PolymerElements/iron-pages#^1.0.9",

View File

@ -50,11 +50,11 @@
<div class="g-flex-table-cell address-field no-grow">
<template is="dom-if" if="[[isBoolean(address.valueType)]]">
<template is="dom-if" if="[[address.value]]">
<iron-icon style="color:#0b8043"
<iron-icon class="active-icon"
icon="icons:radio-button-checked"></iron-icon>
</template>
<template is="dom-if" if="[[!address.value]]">
<iron-icon style="color:cornflowerblue"
<iron-icon class="inactive-icon"
icon="icons:radio-button-unchecked"></iron-icon>
</template>
</template>

View File

@ -1,11 +1,11 @@
<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../paper-styles/color.html">
<link rel="import" href="../strolch-wc-styles/strolch-wc-styles.html">
<link rel="import" href="../strolch-wc-styles/strolch-wc-app-style.html">
<dom-module id="strolch-wc-plc-style">
<template>
<style is="strolch-wc-plc-style" include="strolch-wc-styles">
<style is="strolch-wc-plc-style" include="strolch-wc-app-style">
:host {
display: block;
}
@ -24,6 +24,13 @@
height: 35px;
}
.active-icon {
color: var(--app-primary-color);
}
.inactive-icon {
color: var(--secondary-text-color);
}
h2, h3 {
margin-left: 10px;
margin-bottom: 10px;