From 4f2589e620f467d117003a908a0fc1bf2f3c476a Mon Sep 17 00:00:00 2001 From: ulrich Date: Mon, 12 Apr 2021 06:22:58 +0000 Subject: [PATCH] titelErmitteln --- www/ui/app.css | 49 +++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 45 insertions(+), 4 deletions(-) diff --git a/www/ui/app.css b/www/ui/app.css index 7a2cdb7..3ac992a 100644 --- a/www/ui/app.css +++ b/www/ui/app.css @@ -3,7 +3,7 @@ padding: 0; height: 100%; /* Anmerkung 2 */ font-size: larger; - font-family: 'Roboto Condensed'; + font-family: 'Roboto'; } body { min-height: 0; /* Anmerkung 1 */ @@ -22,9 +22,12 @@ background-color: black; display: flex; flex-flow: row; - height: 2em; + height: 1.3em; align-items: center; justify-content: space-between; +} +#nav-menu { + margin-left: 0.4rem; } .sued { height: 1.5em; @@ -78,6 +81,7 @@ */ .app-titel { + font-family: 'Roboto Condensed'; margin-left: 0.6em; color: white; } @@ -89,6 +93,7 @@ .top-band { display: flex; flex-flow: row; + padding: 0.2rem 0 0.2rem 0.2rem; } .breadcrumb-behaelter { @@ -109,6 +114,8 @@ .bereich-name { padding-left: 0.4rem; + font-family: 'Roboto'; + font-size: smaller; } .dialog { @@ -156,6 +163,9 @@ .entity-formular { display: flex; flex-flow: column; + user-select: none; + font-size: smaller; + font-family: 'Roboto-Light'; } .entity-liste-kopf { @@ -172,7 +182,14 @@ .entity-element { margin: 0.4rem; + user-select: none; } + +/* +.entity-element:focus { + outline: none; +} +*/ .entity-element:hover { background-color: #ececec; @@ -193,7 +210,7 @@ } .entity-eintrag:hover { - background-color: background; + background-color: #ececec; } .entity-typ-folder:before { @@ -299,7 +316,7 @@ display: flex; flex-flow: row; /*margin-left: auto;*/ - margin: -0.5em 1em 0 2em; + margin: -0.2em 1em 0 2em; } .top-btn, .top-btn:focus { @@ -327,6 +344,30 @@ } } +/* Fonts */ + +@font-face { + font-family: 'Roboto Condensed'; + src: url('font/RobotoCondensed-Regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Roboto-Thin'; + src: url('font/Roboto-Thin.ttf') format('truetype'); +} + +@font-face { + font-family: 'Roboto-Light'; + src: url('font/Roboto-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Roboto'; + src: url('font/Roboto-Regular.ttf') format('truetype'); +} + /* Font für Piktogramme mit Fontello aus FontAwesome erzeugt */ @font-face { -- Gitblit v1.9.3