forked from axonivy/process-editor-client
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.css
47 lines (40 loc) · 1.07 KB
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
html,
body {
width: 100%;
height: 100%;
overflow: hidden;
}
#process-editor {
display: grid;
grid-template-columns: 1fr auto; /* Adjust the auto value based on sidebar width */
grid-template-rows: auto 1fr; /* Adjust based on toolbar height */
height: 100vh; /* Full viewport height */
}
#sprotty {
grid-column: 1 / 2;
grid-row: 2 / 3;
position: relative; /* to ensure that absolute positioning of elements within the diagram work relative to the diagram. */
}
#ivy-tool-bar {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
#inscription-ui {
grid-column: 2 / 3;
grid-row: 1 / 3; /* Spanning across both the rows */
background-color: var(--glsp-editor-background);
}
.sprotty svg {
width: 100%;
height: 100%;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
'Helvetica Neue', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}