equal
deleted
inserted
replaced
1 @import "bootstrap/variables"; |
1 @import "bootstrap/variables"; |
2 |
2 |
3 .App { |
3 .App { |
4 text-align: center; |
4 text-align: center; |
5 } |
|
6 |
|
7 #root { |
|
8 height: 100%; |
|
9 padding-bottom: 270px; |
|
10 } |
5 } |
11 |
6 |
12 .App-logo { |
7 .App-logo { |
13 animation: App-logo-spin infinite 20s linear; |
8 animation: App-logo-spin infinite 20s linear; |
14 height: 80px; |
9 height: 80px; |
70 .form-group:last-child { |
65 .form-group:last-child { |
71 margin-bottom: 0; |
66 margin-bottom: 0; |
72 } |
67 } |
73 } |
68 } |
74 |
69 |
75 .editor-wrapper { |
70 .editor { |
76 border: 1px solid #efefef; |
71 display: flex; |
77 padding: 20px; |
72 margin-bottom: 10px; |
|
73 &-left { |
|
74 width: 66.6666%; |
|
75 border: 1px solid #efefef; |
|
76 padding: 20px; |
|
77 } |
|
78 &-right { |
|
79 width: 33.3333%; |
|
80 padding-left: 20px; |
|
81 .form-control { |
|
82 height: 100%; |
|
83 } |
|
84 } |
78 } |
85 } |
79 |
86 |
|
87 .session-container { |
|
88 position: absolute; |
|
89 top: 71px; |
|
90 bottom: 0; |
|
91 left: 0; |
|
92 right: 0; |
|
93 display: flex; |
|
94 flex-direction: column; |
|
95 justify-content: flex-end; |
|
96 .session-notes { |
|
97 overflow-y: auto; |
|
98 } |
|
99 } |
80 |
100 |
81 @keyframes App-logo-spin { |
101 @keyframes App-logo-spin { |
82 from { transform: rotate(0deg); } |
102 from { transform: rotate(0deg); } |
83 to { transform: rotate(360deg); } |
103 to { transform: rotate(360deg); } |
84 } |
104 } |
118 |
138 |
119 span.annotation { |
139 span.annotation { |
120 background-color: yellow; |
140 background-color: yellow; |
121 text-decoration-line: underline; |
141 text-decoration-line: underline; |
122 text-decoration-style: dotted; |
142 text-decoration-style: dotted; |
123 |
|
124 } |
143 } |
125 |
144 |
126 .editor-fixed { |
145 .editor-fixed { |
127 border-top: 1px solid #efefef; |
146 border-top: 1px solid #efefef; |
128 background-color: #fff; |
147 background-color: #fff; |
129 padding: 20px 0; |
148 padding: 20px 0; |
130 position: fixed; |
|
131 height: 270px; |
|
132 bottom: 0; |
|
133 width: 100%; |
|
134 } |
149 } |