src/FormView.css

   1 /* Copyright 2020 Blue Static <https://www.bluestatic.org>
   2  * This program is free software licensed under the GNU General Public License,
   3  * version 3.0. The full text of the license can be found in LICENSE.txt.
   4  * SPDX-License-Identifier: GPL-3.0-only
   5  */
   6
   7 :root {
   8   --form-width: 750px;
   9 }
  10
  11 .form {
  12 }
  13
  14 .form-name {
  15   width: var(--form-width);
  16   margin: 0 auto;
  17
  18   border: 3px solid black;
  19   border-bottom-width: 2px;
  20   box-sizing: border-box;
  21   padding: 5px;
  22 }
  23
  24 .table {
  25   width: 100%;
  26   display: flex;
  27   flex-direction: column;
  28 }
  29
  30 .line {
  31   width: var(--form-width);
  32   margin: 0 auto;
  33
  34   border: 1px solid black;
  35   box-sizing: border-box;
  36
  37   display: flex;
  38   flex-direction: row;
  39   align-items: center;
  40 }
  41
  42 .line:hover {
  43   background-color: #dfdfdf;
  44 }
  45
  46 .id {
  47   background-color: black;
  48   color: white;
  49   font-weight: bold;
  50   padding: 0 5px;
  51   text-align: center;
  52   width: 10%;
  53   padding: 3px 0;
  54 }
  55
  56 .description {
  57   padding: 3px 10px 3px 3px;
  58   flex: 2;
  59 }
  60
  61 .value {
  62   font-family: monospace;
  63   text-align: right;
  64   padding: 0 5px;
  65 }
  66
  67 .error {
  68   color: red;
  69   font-weight: bold;
  70 }
  71
  72 .trace-viewer {
  73   background-color: #fffdf1;
  74   padding: 10px;
  75   border: 1px solid red;
  76   box-sizing: border-box;
  77   width: var(--form-width);
  78   margin: 0 auto;
  79 }
  80
  81 .trace-viewer h2 {
  82   margin: 0;
  83   font-size: 14pt;
  84 }
  85
  86 .trace {
  87   font-family: monospace;
  88   white-space: pre;
  89   max-height: 400px;
  90   overflow: scroll;
  91   border: 1px solid #444;
  92   padding: 4px;
  93 }
  94
  95 .large {
  96   width: auto;
  97 }