From 69ffa55d63c5ad8c5c8de2d4040b0e691ee1cdaf Mon Sep 17 00:00:00 2001 From: ulrich <not disclosed> Date: Sun, 07 Jan 2018 10:11:44 +0000 Subject: [PATCH] Menü erweitert auf Sender- und Abspielerbearbeitung --- app.css | 68 +++++++++++++++++++++++++++------- 1 files changed, 54 insertions(+), 14 deletions(-) diff --git a/app.css b/app.css index 595d5d6..09b008b 100644 --- a/app.css +++ b/app.css @@ -1,5 +1,10 @@ -/* ehem. app-layout anfang */ +/* + app-layout anfang + + Aus dem app-layout-Projekt übernommen und + teilweise angepasst +*/ html, body { margin: 0; @@ -34,7 +39,7 @@ .west { flex-grow: 0; flex-shrink: 0; - flex-basis: 10em; + flex-basis: 4em; background-color: antiquewhite; transition: all 0.3s ease-in; overflow: hidden; @@ -47,14 +52,6 @@ flex-basis: 10em; background-color: antiquewhite; } -/* -.zentrum { - width: 100%; - height: 100%; - overflow: auto; - -webkit-overflow-scrolling: touch; -} -*/ .zentrum { display: flex; flex-flow: row; @@ -70,9 +67,7 @@ immer ueber das gesamte Browserfenster ausdehnt. */ -/* ehem. app-layout ende */ - - +/* app-layout ende */ #app-titel { padding-left: 2em; @@ -87,14 +82,42 @@ flex-flow: column; } +.inline-label { + display: inline-block; + width: 3em; + text-align: right; +} /* Dialogfeld */ .dialog { - background-color: #fffbde; position: relative; } +.dlg-behaelter { + padding: 0.4em; +} + +.dlg-info { + background-color: #dcf2fb; // blau + padding: 0.4em; +} + +.nachricht { + background-color: #fffbde; // gelb +} + +.form-button-footer { + text-align: right; +} + +.dlg-sender-edit, .dlg-sender-neu { + background-color: #f6f6f6; // grau +} + +.sender-eingabe { + width: 80%; +} /* Close Button @@ -114,6 +137,22 @@ color: #b8b8b8; } +/* Abspieler */ + +.abspieler-behaelter { + display: flex; + flex-flow: row; + padding: 0.6em; +} + +.abspieler-lb { + width: 4.5em; + padding-right: 0.2em; +} + +.abspieler-auswahl { + width: 70%; +} /* Sender */ .sender-behaelter { @@ -136,6 +175,7 @@ margin: 0.4em; padding: 0.4em; background-color: white; + cursor: pointer; } .sender-name { -- Gitblit v1.9.3