From a27c6822a00a1251d75c154627eab783c43fcddb Mon Sep 17 00:00:00 2001 From: ulrich Date: Wed, 21 Apr 2021 08:45:53 +0000 Subject: [PATCH] Menues und Symbolleisten vereinheitlicht --- www/ui/app.css | 74 ++++++++++++++++++++++++++++++++++--- 1 files changed, 68 insertions(+), 6 deletions(-) diff --git a/www/ui/app.css b/www/ui/app.css index 5799afd..e0667d5 100644 --- a/www/ui/app.css +++ b/www/ui/app.css @@ -164,8 +164,58 @@ .entity-formular { display: flex; flex-flow: column; - user-select: none; font-size: smaller; +} + +.geraet-schalt-eintrag { + display: flex; + flex-flow: row; + /* justify-content: center; */ + align-items: center; + font-size: smaller; + padding: 0 0 0.2rem 0; +} + +.schalt-geraet-name { + /* background-color: red; */ + padding: 0 0 0 0.2rem; +} + +.schalt-geraet-false { + color: red; +} + +.schalt-geraet-true { + color: green; + font-weight: bold; +} + +.schalt-btn { + display: inline-block; + height: 38px; + /* padding: 0 30px; */ + text-align: center; + font-size: 11px; + font-weight: 600; + line-height: 38px; + letter-spacing: .1rem; + text-transform: uppercase; + text-decoration: none; + white-space: nowrap; + /* background-color: transparent;*/ + border-radius: 4px; + border: 1px solid #bbb; + cursor: pointer; + box-sizing: border-box; + margin: 0 0.2rem 0 0; +} + +.schalt-btn-ein { + color: green; +} + +.schalt-btn-aus { + color: red; } .entity-liste-kopf { @@ -185,11 +235,9 @@ user-select: none; } -/* -.entity-element:focus { - outline: none; +.entity-form-element { + margin: 0.4rem; } -*/ .entity-element:hover { background-color: #ececec; @@ -312,6 +360,12 @@ justify-content: center; } +.ctrl-menue { + display: flex; + flex-flow: row; + justify-content: center; +} + .top-btn-area { display: flex; flex-flow: row; @@ -355,7 +409,7 @@ @font-face { font-family: 'pikto'; - src: url('font/pikto.ttf?49751252') format('truetype'); + src: url('font/pikto.ttf?68902687') format('truetype'); font-weight: normal; font-style: normal; } @@ -431,6 +485,11 @@ .icon-music:before { content: '\e817'; } /* '' */ .icon-forward:before { content: '\e818'; } /* '' */ .icon-list:before { content: '\e819'; } /* '' */ +.icon-cog:before { content: '\e81a'; } /* '' */ +.icon-cog-alt:before { content: '\e81b'; } /* '' */ +.icon-wrench:before { content: '\e81c'; } /* '' */ +.icon-flash:before { content: '\e81d'; } /* '' */ +.icon-rss:before { content: '\f09e'; } /* '' */ .icon-docs:before { content: '\f0c5'; } /* '' */ .icon-menu:before { content: '\f0c9'; } /* '' */ .icon-doc-text:before { content: '\f0f6'; } /* '' */ @@ -448,6 +507,9 @@ .icon-database:before { content: '\f1c0'; } /* '' */ .icon-sliders:before { content: '\f1de'; } /* '' */ .icon-trash:before { content: '\f1f8'; } /* '' */ +.icon-toggle-off:before { content: '\f204'; } /* '' */ +.icon-toggle-on:before { content: '\f205'; } /* '' */ +.icon-podcast:before { content: '\f2ce'; } /* '' */ /* Dropdown Menu */ -- Gitblit v1.9.3