Bedienoberfläche für Webradio
ulrich
2018-03-24 3ff95a4026e590b40b8b26c8d5cfc3e2ac8b7248
Stile geaendert
3 files modified
18 ■■■■■ changed files
app.css 12 ●●●●● patch | view | raw | blame | history
hamburger.css 2 ●●● patch | view | raw | blame | history
index.html 4 ●●●● patch | view | raw | blame | history
app.css
@@ -29,24 +29,24 @@
  min-height: 0; /* Anmerkung 1 */
}
.nord {
  background-color: lightgray;
  background-color: black;
  display: flex;
  flex-flow: row;
  height: 2.5em;
  align-items: center;
}
.sued {
  background-color: lightgray;
  background-color: #eaeaea; /* lightgray; */
}
.west {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 4em;
  background-color: antiquewhite;
  background-color: white;
  transition: all 0.3s ease-in;
  overflow: hidden;
  white-space: nowrap;
  background-color: #f7f7f7;
  /* background-color: #f7f7f7;*/
}
.ost {
  flex-grow: 0;
@@ -76,8 +76,12 @@
  width: 1.8em;
}
#nav-toggle {
  /*color: white;*/
}
#app-titel {
  padding-left: 1em;
  color: white;
}
.pointer-cursor {
hamburger.css
@@ -43,7 +43,7 @@
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 4px;
  background-color: #000;
  background-color: white; /* #000; */
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
index.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
  <head>
    <title>Radio-UI</title>
    <title>Radio</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../jslib/app-menu/app-menu.css">
@@ -19,7 +19,7 @@
        </div>
      </div>
      <div class="app-titel">
        <span id="app-titel">Radio-UI</span>
        <span id="app-titel">Radio</span>
      </div>
      <div class="sendersuche">
        <input type="search" class="sendersuche-eingabe" placeholder="&#x1F50E;">