Darstellung der Symbolleisten passt sich unterschiedlichen Bidlschirmgroess...

ulrich

2021-04-21 a07e7e7a3010da502deea0e5020189cb7f8477bc

Darstellung der Symbolleisten passt sich unterschiedlichen Bidlschirmgroessen an

 www/ui/app.css

@@ -129,6 +129,7 @@
  /* position: relative; */
  /* height: 0.1em; */
  /* transition: all 0.3s ease-in; */
  height: 10em;
}

.dlg-behaelter {
@@ -396,6 +397,32 @@
  .zentraler-inhalt {
    margin: 0 10% 0 10%;
  }
  
  .ctrl {
    display: flex;
    flex-flow: row;
    justify-content: center;
  }

  .dialog-unten {
    /* position: relative; */
    /* height: 0.1em; */
    /* transition: all 0.3s ease-in; */
    height: 2.2em;
  }
  
  .ctrl-btns {
    /* margin: 0 0 0 1rem; */
  }
  
  .ctrl-orte {
    margin: 0 0 0 1.8rem;    
  }
  
  .ctrl-menue {
    margin: 0 0 0 1.8rem;    
  }
  
}

/* Fonts */

 www/ui/js/app.js

@@ -340,7 +340,7 @@
  this.dialog_unten_zeigen = function() {
    self.vorlage_laden_und_fuellen("data/tpl/ctrl.txt", "", function (html) {
      var dlg = document.querySelector(".dialog-unten");
      dlg.style.height = '10em';
      //dlg.style.height = '10em';
      dlg.innerHTML = html;
      self.abspieler_auswahl_fuellen();
      self.abspielliste_auswahl_fuellen();