Darstellung Nutzer-Rollen verfeinert, Code aufgeraeumt

undisclosed

2020-05-15 d9858d1771f13adbf2c802abe6147c83c66aec73

 web/ui2/stile.css

@@ -27,11 +27,11 @@
  flex-flow: row;
  height: 100%; /* Anmerkung 2 */
  min-height: 0; /* Anmerkung 1 */
  background-color: #ededed;
  /* background-color: #ededed; */
  overflow: hidden;
}
.nord {
  background-color: black;
  background-color: #eee;
  display: flex;
  flex-flow: row;
  height: 2em;
@@ -88,10 +88,46 @@
      immer ueber das gesamte Browserfenster ausdehnt.
*/

/* Kopfleiste */

.app-titel {
  margin-left: 0.6em;
  color: white;
  margin-left: 0.1em;
  color: black;
}

.zurueck-btn, .zurueck-btn:focus {
  border: 0;
  margin: 0 1.2em 0 0.6em;
  padding: 0;
  color: black;
}

.zurueck-btn:hover {
  color: #888;
}

.top-btn {
  margin: 0 1em 0 1em;

  height: 28px;
  line-height: 24px;
  text-align: center;
  font-size: large;
}

/* Nutzerliste */

.nutzer-liste-eintrag {
  margin: 0;
  padding: 0.3em 0 0 0;
  cursor: pointer;
}

.nutzer-gewaehlt {
  background-color: lightsteelblue;
}

/* ... */

.pointer-cursor {
  cursor: pointer;
@@ -102,6 +138,8 @@
  padding: 0.2em;
  font-size: medium;
}

/* Dialoge (Info, Neuer Nutzer, ..) */

.dialog {
  display: flex;
@@ -118,6 +156,7 @@
  height: 100%;
  padding: 0.4em;
}


.dlg-info {
  display: flex;
@@ -158,14 +197,31 @@
  color: #b8b8b8;
}

/* Nutzerliste */
/* Nutzer-Rollen */

.nutzer-liste-eintrag {
  cursor: pointer;
.rollen-ansicht-titel {
  margin: 0;
  padding: 0;
}

.nutzer-gewaehlt {
  background-color: lightsteelblue;
.rollen-ueberschrift {
  margin: 1.2em 0 0.2em 0;
  padding: 0;
}

.rollen-behaelter {
  margin: 0;
  padding: 0;
}

.granted-role-btn {
  margin: 0.2em;
  background-color: lightcoral;
}

.avl-role-btn {
  margin: 0.2em;
  background-color: darkseagreen;
}

/* für app-menu */