| | |
| | | |
| | | /* ehem. app-layout anfang */ |
| | | /* |
| | | app-layout anfang |
| | | |
| | | Aus dem app-layout-Projekt übernommen und |
| | | teilweise angepasst |
| | | */ |
| | | |
| | | html, body { |
| | | margin: 0; |
| | |
| | | .west { |
| | | flex-grow: 0; |
| | | flex-shrink: 0; |
| | | flex-basis: 10em; |
| | | flex-basis: 4em; |
| | | background-color: antiquewhite; |
| | | transition: all 0.3s ease-in; |
| | | overflow: hidden; |
| | |
| | | flex-basis: 10em; |
| | | background-color: antiquewhite; |
| | | } |
| | | /* |
| | | .zentrum { |
| | | width: 100%; |
| | | height: 100%; |
| | | overflow: auto; |
| | | -webkit-overflow-scrolling: touch; |
| | | } |
| | | */ |
| | | .zentrum { |
| | | display: flex; |
| | | flex-flow: row; |
| | |
| | | immer ueber das gesamte Browserfenster ausdehnt. |
| | | */ |
| | | |
| | | /* ehem. app-layout ende */ |
| | | |
| | | |
| | | /* app-layout ende */ |
| | | |
| | | #app-titel { |
| | | padding-left: 2em; |
| | |
| | | display: flex; |
| | | flex-flow: column; |
| | | } |
| | | |
| | | |
| | | /* Dialogfeld */ |
| | | |
| | |
| | | text-align: right; |
| | | } |
| | | |
| | | .dlg-sender-edit { |
| | | /* background-color: #f6f6f6; // grau */ |
| | | background-color: #dcf2fb; // blau |
| | | .dlg-sender-edit, .dlg-sender-neu { |
| | | background-color: #f6f6f6; // grau |
| | | } |
| | | |
| | | /* |
| | |
| | | margin: 0.4em; |
| | | padding: 0.4em; |
| | | background-color: white; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .sender-name { |