Paged history loading.
[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 #changes-list *[data-stub-value = 'description'] {
92     font-size: .8em;
93     color: gray;
94     white-space: pre-line;
95 }
96
97 #changes-list *[data-stub-value = 'published'] {
98     font-size: .7em;
99     color: gray;
100 }
101
102 /*
103  * Graphical DIFF view
104  *
105  */
106 #history-view .diff_table {
107     width: 90%;
108 }
109
110 .editor.DiffPerspective {
111     overflow-y: scroll;
112 }
113
114 .diff_table {
115     border-width: 1px;
116     border-style: solid;
117     border-color: black;
118     empty-cells: show;
119     border-spacing: 0px;
120 }
121
122 .diff_table td {
123     border-width: 0px 1px 1px 0px;
124     border-style: dotted;
125     border-color: grey;
126     font-size: 10px;
127     line-height: 20px;
128     font-family: monospace;
129     padding: 0px;
130     white-space: pre-line;
131     /*word-wrap:break-word;
132      word-break:break-all; */
133 }
134
135 .diff_table th {
136     border-width: 0px 1px 1px 0px;
137     border-style: solid;
138     border-color: black;
139     background: #e5ffe5;
140 }
141
142 /* .diff_table td.left, .diff_table td.right {
143  width: 50%;
144  }*/
145 .diff_table tr.change {
146     background-color: #dcdcdc;
147 }
148
149 .diff_mark {
150     display: inline-block;
151     padding: 2px;
152 }
153
154 .diff_mark_removed {
155     background-color: #ff9c94;
156 }
157
158 .diff_mark_added {
159     background-color: #90ee90;
160 }
161
162 .diff_mark_changed {
163     background-color: yellow;
164 }