From f278ba971e8a814cd0d9ceb1e4ebf77117f48565 Mon Sep 17 00:00:00 2001 From: ulrich <undisclosed> Date: Mon, 08 Mar 2021 15:02:22 +0000 Subject: [PATCH] vorlage.js nach app.js uebertragen, eine einzelne js.-Datei lohnt nicht. --- app.css | 66 +++++++++++++++++++++++++++++++-- 1 files changed, 62 insertions(+), 4 deletions(-) diff --git a/app.css b/app.css index 7a9c9b4..5827ce8 100644 --- a/app.css +++ b/app.css @@ -3,6 +3,7 @@ padding: 0; height: 100%; /* Anmerkung 2 */ font-size: larger; + font-family: 'Roboto Condensed'; } body { min-height: 0; /* Anmerkung 1 */ @@ -14,15 +15,20 @@ flex-flow: row; height: 100%; /* Anmerkung 2 */ min-height: 0; /* Anmerkung 1 */ + background-color: #ededed; + overflow: hidden; } .nord { background-color: black; display: flex; flex-flow: row; - height: 2.5em; + height: 2em; align-items: center; } .sued { + height: 1.5em; + overflow: hidden; + transition: all 0.3s ease-in; background-color: lightgray; } .west { @@ -37,14 +43,28 @@ .ost { flex-grow: 0; flex-shrink: 0; - flex-basis: 10em; + flex-basis: 6em; + transition: all 0.3s ease-in; background-color: antiquewhite; + overflow: hidden; } +.zentrum-behaelter { + display: flex; + flex-flow: column; + /* background-color: #eaeaea; */ + width: 100%; +} + .zentrum { width: 100%; height: 100%; - overflow: auto; + overflow-x: hidden; + overflow-y: auto; -webkit-overflow-scrolling: touch; +} + +.zentraler-inhalt { + padding: 0.5em; } /* @@ -56,6 +76,44 @@ */ .app-titel { - margin-left: 2em; + margin-left: 0.6em; color: white; } + +.pointer-cursor { + cursor: pointer; +} + +.dialog { + position: relative; + /* height: 0.1em; */ + transition: all 0.3s ease-in; +} + +.dlg-behaelter { + line-height: 1.6; + padding: 0.4em; +} + +.dlg-info { + background-color: #dcf2fb; // blau + padding: 0.4em; +} + +/* + Close Button + + <div> + <span class="close-btn">✖</span> + </div> +*/ + +.close-btn { + position: absolute; + top: 0px; + right: 0.4em; + margin: 0; + padding: 0; + font-size: 1.3em; + color: #b8b8b8; +} -- Gitblit v1.9.3