From bebd4767df2dd419a2d04eaa4253592d13336e8c Mon Sep 17 00:00:00 2001 From: ulrich Date: Tue, 06 Apr 2021 22:01:26 +0000 Subject: [PATCH] Gestaltungen angepasst --- www/ui/app.css | 162 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 153 insertions(+), 9 deletions(-) diff --git a/www/ui/app.css b/www/ui/app.css index d5bae40..1b33670 100644 --- a/www/ui/app.css +++ b/www/ui/app.css @@ -24,6 +24,7 @@ flex-flow: row; height: 2em; align-items: center; + justify-content: space-between; } .sued { height: 1.5em; @@ -35,7 +36,7 @@ flex-grow: 0; flex-shrink: 0; flex-basis: 4em; - background-color: white; + background-color: #ececec; /* white; */ transition: all 0.3s ease-in; overflow: hidden; white-space: nowrap; @@ -61,6 +62,7 @@ overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; + background-color: white; } .zentraler-inhalt { @@ -90,13 +92,19 @@ transition: all 0.3s ease-in; } +.dialog-unten { + /* 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 + background-color: #dcf2fb; /* blau */ padding: 0.4em; } @@ -125,20 +133,156 @@ flex-flow: column; } +.entity-liste-kopf { + display: flex; + flex-flow: row; + justify-content: space-between; + vertical-align: middle; +} + +.entity-liste-kopf .button { + /* margin-left: 1rem; */ + /* margin-top: -0.2rem; */ +} + .entity-element { margin: 0.4rem; } -/* +.entity-element:hover { + background-color: background; +} + +.entity-liste { + list-style-type: none; +} + +.entity-eintrag { + margin-top: 0.8rem; + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + cursor: pointer; +} + +.entity-eintrag:hover { + background-color: background; +} + +.form-button-footer { + display: flex; + flex-flow: row; +} + +.dlg-btn { + margin-left: 0.4rem; +} + +.ctrl { + display: flex; + flex-flow: column; +} + +.ctrl-btns { + display: flex; + flex-flow: row; + justify-content: center; +} + +.ctrl-item { + margin-left: 0.2rem; + margin-top: 0.2rem; +} + +.ctrl-btn { + width: 4rem; +} + +.ctrl-select { + width: 4rem; +} + +.ctrl-orte { + display: flex; + flex-flow: row; + justify-content: center; +} + +.top-btn-area { + /*margin-left: auto;*/ + margin: -0.5em 1em 0 2em; +} + +.top-btn { + margin: 0; + padding: 0 0.2em 0 0.2em; + height: 1.3em; + line-height: 1em; + text-align: center; + font-size: large; + background-color: white; + /* width: 1em; */ +} + + @media (min-width: 800px) { - .zentrum-behaelter { - padding: 0 1em 0 1em; - } - .zentrum-behaelter, .nord { + .zentraler-inhalt { margin: 0 10% 0 10%; } } +/* Dropdown Menu */ + +/* Style The Dropdown Button */ +.dropbtn { + background-color: white; + width: 3em; + padding: 0; + font-size: medium; + cursor: pointer; +} + +/* The container <div> - needed to position the dropdown content */ +.dropdown { + position: relative; + display: inline-block; +} + +/* Dropdown Content (Hidden by Default) */ +.dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + width: 12em; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + right: 0; + font-size: medium; +} + +/* Links inside the dropdown */ +.dropdown-content a { + color: black; + padding: 0.5em 0.8em; + text-decoration: none; + display: block; + cursor: pointer; +} + +/* Change color of dropdown links on hover */ +.dropdown-content a:hover {background-color: #f1f1f1} + +/* Show the dropdown menu on hover */ +.dropdown:hover .dropdown-content { + display: block; +} + +/* Change the background color of the dropdown button when the dropdown content is shown */ +.dropdown:hover .dropbtn { + background-color: #33C3F0; /* #3e8e41; */ + color: white; + border: none; +} /* von Skeleton */ @@ -151,7 +295,7 @@ input[type="button"] { display: inline-block; height: 38px; - padding: 0 30px; + /* padding: 0 30px; */ color: #555; text-align: center; font-size: 11px; @@ -214,7 +358,7 @@ textarea, select { height: 38px; - padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ + padding: 3px 2px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; -- Gitblit v1.9.3