From a2378dda4a23a7bb7eec9764c7a3b5bbbc1dd72f Mon Sep 17 00:00:00 2001 From: ulrich Date: Wed, 21 Apr 2021 12:49:08 +0000 Subject: [PATCH] Kleine Anpassungen an Bedienelementen --- www/ui/app.css | 98 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 97 insertions(+), 1 deletions(-) diff --git a/www/ui/app.css b/www/ui/app.css index fee32a3..3eadfe2 100644 --- a/www/ui/app.css +++ b/www/ui/app.css @@ -129,6 +129,7 @@ /* position: relative; */ /* height: 0.1em; */ /* transition: all 0.3s ease-in; */ + height: 8.2em; } .dlg-behaelter { @@ -165,6 +166,61 @@ display: flex; flex-flow: column; 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; + + /* + width: 2rem; + font-size: medium; + display: inline-block; + height: 2rem; + */ + + /* height: 38px; */ + /* padding: 0 30px; */ + text-align: center; + font-size: 1.3rem; + 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: 0px solid #bbb; + cursor: pointer; + box-sizing: border-box; + margin: 0 0.2rem 0 0; +} + +.toggle-icon { + pointer-events: none; } .entity-liste-kopf { @@ -309,6 +365,12 @@ justify-content: center; } +.ctrl-menue { + display: flex; + flex-flow: row; + justify-content: center; +} + .top-btn-area { display: flex; flex-flow: row; @@ -339,6 +401,32 @@ .zentraler-inhalt { margin: 0 10% 0 10%; } + + .ctrl { + display: flex; + flex-flow: row; + justify-content: center; + } + + .dialog-unten { + /* position: relative; */ + /* height: 0.1em; */ + /* transition: all 0.3s ease-in; */ + height: 2.2em; + } + + .ctrl-btns { + /* margin: 0 0 0 1rem; */ + } + + .ctrl-orte { + margin: 0 0 0 1.8rem; + } + + .ctrl-menue { + margin: 0 0 0 1.8rem; + } + } /* Fonts */ @@ -352,7 +440,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; } @@ -428,6 +516,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'; } /* '' */ @@ -445,6 +538,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