Stile angepasst, Neuer Reiter hinzugefuegt, Menue angepasst

ulrich

2021-01-16 b20b749a95f6aa9d73414c58b66b4c7abe9b1077

Stile angepasst, Neuer Reiter hinzugefuegt, Menue angepasst

 web/ui2/data/menu/datei.json

@@ -8,6 +8,11 @@
    },
    "inhalt": [
      {
        "titel": "Neuer Reiter",
        "umenue": false,
        "funktion": "app.fm_neuer_reiter"
      },
      {
        "titel": "Neuer Ordner",
        "umenue": false,
        "funktion": "app.datei_neuer_ordner"
@@ -23,6 +28,11 @@
        "funktion": "app.fm_menu_neues_dokument"
      },
      {
        "titel": "",
        "umenue": false,
        "funktion": ""
      },
      {
        "titel": "Text bearbeiten",
        "umenue": false,
        "funktion": "app.fm_edit_as_text"
@@ -33,6 +43,11 @@
        "funktion": "app.fm_edit_as_doc"
      },
      {
        "titel": "",
        "umenue": false,
        "funktion": ""
      },
      {
        "titel": "Speichern",
        "umenue": false,
        "funktion": "app.fm_menu_datei_speichern"
@@ -43,6 +58,11 @@
        "funktion": "app.fm_menu_datei_speichern_unter"
      },
      {
        "titel": "",
        "umenue": false,
        "funktion": ""
      },
      {
        "titel": "Schliessen",
        "umenue": false,
        "funktion": "app.fm_menu_datei_schliessen"

 web/ui2/js/app.js

@@ -63,6 +63,10 @@
    self.meldung_mit_timeout("Benutzer: " + self.userid, 1500);
  };
  
  this.fm_neuer_reiter = function() {
    window.open('/file-cms/ui2/?pfad=' + self.pfad, '_blank');
  };
  
  this.menue_umschalten = function () {
    var ham = document.querySelector(".hamburger");
    ham.classList.toggle("is-active"); // hamburger-icon umschalten

 web/ui2/stile.css

@@ -4,50 +4,6 @@
*/



/* Stile Code-Editor */

/* der div-Behaelter fuer die Textarea */
.codeeditor-space {
  /*
  width: 100%;
  height: 100%;
  border: 1px solid lightgrey;
  */
  flex:1 1 auto;
  margin-top:0;
  height:100%;
  position:relative;
}

/* Textarea fuer CodeMirror */
/*
.codeeditor {
  height: 100%;
}
*/
/* die Codemirror-Instanz selbst */
.CodeMirror {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  height: 100%;
}

/* Stile MCE-Editor */

.mce-editor {
  width: 100%;
  height: 100%;  
}
.text-editor {
  width: 100%;
  height: 100%;
}


/* aus App-Vorlage */

html, body {
@@ -73,7 +29,7 @@
  overflow: hidden;
}
.nord {
  background-color: #0f0f0f;
  background-color: #3f3f3f;
  display: flex;
  flex-flow: row;
  height: 2em;
@@ -160,7 +116,7 @@
/* file-cms stile */

.breadcrumb {
  background-color: #e0e0e0;
  background-color: #f2f2f2;
  padding: 0.2em;
  font-size: medium;
}
@@ -244,13 +200,57 @@



/* Stile Code-Editor */

/* der div-Behaelter fuer die Textarea */
.codeeditor-space {
  /*
  width: 100%;
  height: 100%;
  border: 1px solid lightgrey;
  */
  flex:1 1 auto;
  margin-top:0;
  height:100%;
  position:relative;
}

/* Textarea fuer CodeMirror */
/*
.codeeditor {
  height: 100%;
}
*/
/* die Codemirror-Instanz selbst */
.CodeMirror {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  height: 100%;
}

/* Stile MCE-Editor */

.mce-editor {
  width: 100%;
  height: 100%;  
}
.text-editor {
  width: 100%;
  height: 100%;
}




/* für app-menu */

.app-menu {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
  font-size: 0.8em;
}
.app-menu-kopf {
  text-align: center;
@@ -268,6 +268,9 @@
  cursor: pointer;
  margin-bottom: 0.1em;
}
.app-menu-item:hover {
  background-color: #e5e5e5;
}
.app-menu-item-submark {
  color: transparent;
  cursor: pointer;