FilesExpand file tree

develop

/

TreeAndDoc.css

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

83 lines (69 loc) · 1.63 KB

develop

/

TreeAndDoc.css

Copy path

Top

File metadata and controls

• Code
• Blame

83 lines (69 loc) · 1.63 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

.TreeAndDoc {

display: flex;

flex-direction: row;

width: 100%;

height: 1000px;

max-height: 1000px;

}

.TreeAndDoc > * {

flex-grow: 1;

flex-basis: 50%;

/** necessary to prevent overflow */

max-width: 50%;

}

.TreeAndDoc > .column1 {

margin: 10px 0;

display: flex;

flex-direction: column;

}

.TreeAndDoc .DecisionTree {

overflow: scroll;

flex-grow: 1;

}

/**

* Since the Treebeard tree has a different background, we want to make sure it always takes up the space or else

* it looks ugly.

*/

.TreeAndDoc .DecisionTree > ul {

min-height: 100%;

width: fit-content;

min-width: 100%;

}

.TreeAndDoc .InlineDocs {

display: flex;

flex-direction: column;

overflow: scroll;

}

.TreeAndDoc .InlineDocs .InlineDoc {

flex-grow: 1;

flex-basis: auto;

}

.HighlightInlineDoc {

flex-grow: 0;

flex-shrink: 1;

}

/* InlineDoc */

.InlineDoc .doc-level.referenced {

border-radius: 2px;

background-color: hsla(56, 100%, 51%, 0.4);

}

/** Inside a referenced level, highlight direct children very specifically. */

.InlineDoc .doc-level.referenced > .highlight {

background-color: hsl(120, 61%, 80%);

}

/** Inside a referenced level, highlight nested inner levels with progressively more red to indicate depth. */

.InlineDoc .doc-level.referenced .doc-level {

background: hsla(0, 40%, 50%, 0.15);

/*outline: 2px solid hsla(0, 40%, 0%, 0.3);*/

}

.TreeAndDoc .node-info {

overflow-x: scroll;

min-height: 100px;

max-height: 100px;

}

.TreeAndDoc .node-info td {

padding: 0 5px;

}

.TreeAndDoc .explorationNode-description {

text-decoration: underline;

}