From 95792ed60550eeeb3f3979c4a297e8f846be4f64 Mon Sep 17 00:00:00 2001 From: ulrich Date: Sat, 24 Apr 2021 11:06:10 +0000 Subject: [PATCH] Umbenannt zu Tango --- www/ui/app.css | 115 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 111 insertions(+), 4 deletions(-) diff --git a/www/ui/app.css b/www/ui/app.css index fee32a3..c8d2cf9 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 { @@ -167,6 +168,71 @@ 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; +} + +.noselect { + -webkit-touch-callout: none; /* iOS Safari */ + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Old versions of Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + supported by Chrome, Edge, Opera and Firefox */ +} + .entity-liste-kopf { display: flex; flex-flow: row; @@ -181,7 +247,6 @@ .entity-element { margin: 0.4rem; - user-select: none; } .entity-form-element { @@ -207,7 +272,9 @@ } .entity-eintrag:hover { - background-color: #ececec; + /* background-color: #ececec; */ + color: red; + /* font-weight: bolder; */ } .entity-typ-folder:before { @@ -309,6 +376,12 @@ justify-content: center; } +.ctrl-menue { + display: flex; + flex-flow: row; + justify-content: center; +} + .top-btn-area { display: flex; flex-flow: row; @@ -339,6 +412,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 +451,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; } @@ -389,7 +488,7 @@ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ - margin-left: .2em; + /* margin-left: .2em; */ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ @@ -428,6 +527,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 +549,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