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: 8px;
|
13
|
|
14
|
background-color: #AA6373;
|
15
|
}
|
16
|
|
17
|
%annotationContent {
|
18
|
background-color: white;
|
19
|
padding: 10px;
|
20
|
overflow-y: scroll;
|
21
|
background-color: white;
|
22
|
|
23
|
-webkit-box-shadow: 5px 5px 5px 5px rgba(138,138,138,0.75);
|
24
|
box-shadow: 5px 5px 5px 5px rgba(138,138,138,0.75);
|
25
|
}
|
26
|
|
27
|
.tags {
|
28
|
@extend %annotationContent;
|
29
|
grid-area: tags;
|
30
|
}
|
31
|
|
32
|
.annotations {
|
33
|
@extend %annotationContent;
|
34
|
grid-area: annotations;
|
35
|
}
|
36
|
|
37
|
.document {
|
38
|
@extend %annotationContent;
|
39
|
grid-area: document;
|
40
|
}
|
41
|
|
42
|
.fixHeight span {
|
43
|
line-height: normal;
|
44
|
}
|