Dialog- und Nachrichtenbereich hinzugefuegt

ulrich

2018-01-03 9f0d54067fefd1d3c9c6babf425d3d3a443eeccc

 index.html

@@ -4,7 +4,7 @@
    <title>Radio-UI</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../jslib/app-layout/app-layout.css">
    <!-- <link rel="stylesheet" type="text/css" href="../jslib/app-layout/app-layout.css"> -->
    <link rel="stylesheet" type="text/css" href="../jslib/app-menu/nav-toggle.css">
    <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css">
    <link rel="stylesheet" type="text/css" href="app.css">
@@ -16,19 +16,32 @@
        <a id="nav-toggle" href="#"><span></span></a>
      </div>
      <div class="app-titel">
        <span id="app-titel">Home</span>
        <span id="app-titel">Radio-UI</span>
      </div>
    </div>
    <!-- Inhalt -->
    <div class="inhalt">
      <!-- westliche Seitenleiste -->
      <div class="west"></div>
      <!-- zentraler Inhaltsbereich -->
      <div class="zentrum">
        <div id="prefs"></div>
        <div id="home"></div>
        <div class="sender-behaelter">
          <div id="sender" class="sender"></div>
      <!-- zentraler Bereich -->
      <div class="zentrum-behaelter">

        <!-- Einblendbereich -->

        <div class="dialog">
          <div class="nachricht">
            <span class="close-btn">&#10006;</span>
            Hier kann eine Mitteilung stehen.
          </div>
        </div>
      
        <!-- zentraler Inhaltsbereich -->
        <div class="zentrum">
          <div id="prefs"></div>
          <div id="home"></div>
          <div class="sender-behaelter">
            <div id="sender" class="sender"></div>
          </div>
        </div>
      </div>
      <!-- oestliche Seitenleiste -->