1
|
.layoutWrapper {
|
2
|
display: grid;
|
3
|
|
4
|
grid:
|
5
|
[main-start] 'tags document annotations' [main-end]
|
6
|
/ max-content 3fr minmax(250px, 1fr);
|
7
|
|
8
|
width:100%;
|
9
|
height:100%;
|
10
|
place-items: stretch;
|
11
|
place-content: stretch;
|
12
|
gap: 3px;
|
13
|
}
|
14
|
|
15
|
%annotationContent {
|
16
|
background-color: white;
|
17
|
padding: 10px 0px 10px 10px;
|
18
|
overflow-y: scroll;
|
19
|
}
|
20
|
|
21
|
.tags {
|
22
|
@extend %annotationContent;
|
23
|
grid-area: tags;
|
24
|
}
|
25
|
|
26
|
.annotations {
|
27
|
@extend %annotationContent;
|
28
|
grid-area: annotations;
|
29
|
|
30
|
|
31
|
}
|
32
|
|
33
|
.document {
|
34
|
@extend %annotationContent;
|
35
|
grid-area: document;
|
36
|
}
|
37
|
|
38
|
.fixHeight span {
|
39
|
line-height: normal;
|
40
|
}
|