equal
deleted
inserted
replaced
1 .ams-widget.comments { |
1 .ams-widget.comments { |
2 |
2 |
|
3 margin-bottom: 0; |
|
4 |
3 .widget-body { |
5 .widget-body { |
4 position: fixed; |
6 display: flex; |
5 height: ~"calc(100% - 337px)"; |
7 flex-direction: column; |
6 |
8 |
7 .chat-body { |
9 .chat-body { |
8 position: relative; |
10 flex-grow: 1; |
9 height: 100%; |
11 max-height: ~"calc(100vh - 385px)"; |
|
12 overflow-y: auto; |
10 } |
13 } |
11 |
14 |
12 .chat-footer { |
15 .chat-footer { |
13 position: fixed; |
16 flex-grow: 0; |
14 bottom: 10px; |
|
15 } |
|
16 |
|
17 &, |
|
18 .chat-footer { |
|
19 width: ~"calc(100% - 240px)"; |
|
20 |
|
21 @media (max-width: 767px) { |
|
22 width: ~"calc(100% - 10px)"; |
|
23 } |
|
24 @media (min-width: 768px) and (max-width: 979px) { |
|
25 width: ~"calc(100% - 20px)"; |
|
26 } |
|
27 |
|
28 .minified & { |
|
29 width: ~"calc(100% - 65px)"; |
|
30 |
|
31 @media (max-width: 767px) { |
|
32 & { |
|
33 width: ~"calc(100% - 55px)"; |
|
34 } |
|
35 } |
|
36 } |
|
37 .hidden-menu & { |
|
38 width: ~"calc(100% - 30px)"; |
|
39 } |
|
40 } |
17 } |
41 } |
18 } |
42 } |
19 } |
43 |
20 |
44 |
21 |