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 | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 103 insertions(+), 4 deletions(-) diff --git a/www/ui/app.css b/www/ui/app.css index 4c87064..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; @@ -92,9 +93,9 @@ } .dialog-unten { - position: relative; + /* position: relative; */ /* height: 0.1em; */ - transition: all 0.3s ease-in; + /* transition: all 0.3s ease-in; */ } .dlg-behaelter { @@ -177,6 +178,52 @@ 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) { .zentraler-inhalt { @@ -184,6 +231,58 @@ } } +/* 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 */ @@ -196,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; @@ -259,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