Text bearbeiten und speichern, Dialoge speichern und speichern unter sowie ...

ulrich

2021-01-15 1a9589f894f24fbe763ef67da0282e3861adf307

 web/ui/stile.css

@@ -1,5 +1,52 @@
/*
    Dateiverwaltung - File management in your browser
    Copyright (C) 2017 Ulrich Hilger, http://uhilger.de

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


/* Stile Code-Editor */

.code-editor-container {
  height: 100%;
}

.codeeditor {
  height: 100%;
}

.codeeditor-space {
  width: 100%;
  height: 100%;
  border: 1px solid lightgrey;
}

.CodeMirror {
  height: 100%;
}

/* Stile MCE-Editor */

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

/* Stile Listenansicht */

@@ -26,24 +73,34 @@

}
.sued {
  background-color: lightgray;
  background-color: #eee;
}
.system-out {
  height: 8em;
  overflow-y: auto;
}
.west {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10em;  
  /*
    voruebergehend ausgeblendet, zum einblenden 
    diesen Wert wieder auf 10em setzen
  */
  flex-basis: 0em;
}
.ost {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10em;
  /*flex-basis: 10em;*/
  background-color: antiquewhite;
  transition: all 0.3s ease-in;
}
.zentrum {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  /* background-color: antiquewhite; */
}
.zentrum-bc {
}
@@ -54,5 +111,22 @@
  -webkit-overflow-scrolling: touch;
}
.datei-figure {
  width: 6em;
  width: 8em;
  cursor: pointer;
}

.datei-gewaehlt {
  background-color: lightblue;
}

.ordner {
  color: navajowhite;
}

.datei {
  color: lightgray;
}

#ansicht {
  cursor: pointer;
}