1 |
c73aecde
|
Dominik Poch
|
.layoutWrapper {
|
2 |
ce63b2ab
|
Dominik Poch
|
display: grid;
|
3 |
|
|
|
4 |
|
|
grid:
|
5 |
|
|
[main-start] 'tags document annotations' [main-end]
|
6 |
2c9bdf18
|
Dominik Poch
|
/ max-content 3fr minmax(250px, 1fr);
|
7 |
ce63b2ab
|
Dominik Poch
|
|
8 |
|
|
width:100%;
|
9 |
|
|
height:100%;
|
10 |
|
|
place-items: stretch;
|
11 |
|
|
place-content: stretch;
|
12 |
6a250c18
|
Lukáš Vlček
|
gap: 8px;
|
13 |
|
|
|
14 |
|
|
background-color: #AA6373;
|
15 |
ac59aec1
|
Dominik Poch
|
}
|
16 |
|
|
|
17 |
c73aecde
|
Dominik Poch
|
%annotationContent {
|
18 |
|
|
background-color: white;
|
19 |
6a250c18
|
Lukáš Vlček
|
padding: 10px;
|
20 |
c73aecde
|
Dominik Poch
|
overflow-y: scroll;
|
21 |
6a250c18
|
Lukáš Vlček
|
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 |
c73aecde
|
Dominik Poch
|
}
|
26 |
ce63b2ab
|
Dominik Poch
|
|
27 |
|
|
.tags {
|
28 |
c73aecde
|
Dominik Poch
|
@extend %annotationContent;
|
29 |
ce63b2ab
|
Dominik Poch
|
grid-area: tags;
|
30 |
ac59aec1
|
Dominik Poch
|
}
|
31 |
|
|
|
32 |
ce63b2ab
|
Dominik Poch
|
.annotations {
|
33 |
c73aecde
|
Dominik Poch
|
@extend %annotationContent;
|
34 |
ce63b2ab
|
Dominik Poch
|
grid-area: annotations;
|
35 |
ac59aec1
|
Dominik Poch
|
}
|
36 |
|
|
|
37 |
ce63b2ab
|
Dominik Poch
|
.document {
|
38 |
c73aecde
|
Dominik Poch
|
@extend %annotationContent;
|
39 |
ce63b2ab
|
Dominik Poch
|
grid-area: document;
|
40 |
95565cc5
|
Dominik Poch
|
}
|
41 |
|
|
|
42 |
|
|
.fixHeight span {
|
43 |
|
|
line-height: normal;
|
44 |
ac59aec1
|
Dominik Poch
|
}
|