fix for bad documents.
[redakcja.git] / 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 }