src/redakcja/static/css/history.css

   1 #history-view-editor {
   2     display: flex;
   3     flex-direction: column;
   4 }
   5
   6 #history-view {
   7     flex: 1;
   8     overflow: auto;
   9
  10 }
  11
  12 #history-view .message-box {
  13     text-align: center;
  14 }
  15
  16 /*
  17  * File History
  18  */
  19 #changes-list-container {
  20     margin: 1em auto;
  21     width: 70%;
  22 }
  23
  24 table#changes-list-container {
  25     border-spacing: 0px 15px;
  26 }
  27
  28 #changes-list {
  29     margin: 0.5em 0.2em;
  30 }
  31
  32 #changes-list td {
  33     padding: 0.5em 1em;
  34 }
  35
  36 #changes-list .entry {
  37     position: relative;
  38     padding: 0.5em;
  39     padding-left: 3em;
  40     margin: 0.5em;
  41 }
  42
  43 #changes-list .entry:hover {
  44     background-color: #f0f0f0;
  45 }
  46
  47 #changes-list .entry.selected {
  48     background-color: #ffec63;
  49 }
  50
  51 #changes-list .tag {
  52     display: inline-block;
  53     visibility: hidden;
  54     width: 60px;
  55     margin: 0 0.5em 0 0;
  56     font-size: 11px;
  57     padding: 3px 2px;
  58     text-align: center;
  59     color: black;
  60     background: #add8e6;
  61     cursor: pointer;
  62     vertical-align: middle;
  63     -moz-border-radius: 10px;
  64     -webkit-border-radius: 10px;
  65     border-radius: 10px;
  66 }
  67
  68 #changes-list .entry:hover .tag {
  69     visibility: visible;
  70 }
  71
  72 #changes-list .tag:hover {
  73     background: #bde8f6;
  74 }
  75
  76 #changes-list *[data-version-tag] {
  77     visibility: visible;
  78     border: 1px solid black;
  79     color: black;
  80 }
  81
  82 #changes-list *[data-stub-value =
  83 'version'] {
  84     font-weight: bold;
  85 }
  86
  87 #changes-list td {
  88     vertical-align: text-top;
  89 }
  90
  91 .can-approve #changes-list .approved:hover {
  92     cursor: pointer;
  93 }
  94 #pubmark-changeset-button {display: none;}
  95 .can-approve #pubmark-changeset-button {display: inline-block;}
  96
  97 #changes-list *[data-approved = 'false'] .approved:after {
  98     content: '☐';
  99     color: red;
 100     white-space: pre-line;
 101 }
 102 #changes-list *[data-approved = 'true'] .approved:after {
 103     content: '🗹';
 104     font-size: .8em;
 105     color: #80ff80;
 106     white-space: pre-line;
 107 }
 108
 109 #changes-list *[data-stub-value = 'description'] {
 110     font-size: .8em;
 111     color: gray;
 112     white-space: pre-line;
 113 }
 114
 115 #changes-list *[data-stub-value = 'published'] {
 116     font-size: .7em;
 117     color: gray;
 118 }
 119
 120 /*
 121  * Graphical DIFF view
 122  *
 123  */
 124 #history-view .diff_table {
 125     width: 90%;
 126 }
 127
 128 .editor.DiffPerspective {
 129     overflow-y: scroll;
 130 }
 131
 132 .diff_table {
 133     border-width: 1px;
 134     border-style: solid;
 135     border-color: black;
 136     empty-cells: show;
 137     border-spacing: 0px;
 138 }
 139
 140 .diff_table td {
 141     border-width: 0px 1px 1px 0px;
 142     border-style: dotted;
 143     border-color: grey;
 144     font-size: 10px;
 145     line-height: 20px;
 146     font-family: monospace;
 147     padding: 0px;
 148     white-space: pre-line;
 149     /*word-wrap:break-word;
 150      word-break:break-all; */
 151 }
 152
 153 .diff_table th {
 154     border-width: 0px 1px 1px 0px;
 155     border-style: solid;
 156     border-color: black;
 157     background: #e5ffe5;
 158 }
 159
 160 /* .diff_table td.left, .diff_table td.right {
 161  width: 50%;
 162  }*/
 163 .diff_table tr.change {
 164     background-color: #dcdcdc;
 165 }
 166
 167 .diff_mark {
 168     display: inline-block;
 169     padding: 2px;
 170 }
 171
 172 .diff_mark_removed {
 173     background-color: #ff9c94;
 174 }
 175
 176 .diff_mark_added {
 177     background-color: #90ee90;
 178 }
 179
 180 .diff_mark_changed {
 181     background-color: yellow;
 182 }