| 1441 |
ariadna |
1 |
.ai-drawer {
|
|
|
2 |
position: fixed;
|
|
|
3 |
top: 60px;
|
|
|
4 |
bottom: 0;
|
|
|
5 |
right: calc(-315px + -10px);
|
|
|
6 |
width: 315px;
|
|
|
7 |
background-color: #f8f9fa;
|
|
|
8 |
z-index: 1016;
|
|
|
9 |
transition: right 0.2s ease, top 0.2s ease, bottom 0.2s ease, visibility 0.2s ease, transform 0.5s ease;
|
|
|
10 |
visibility: hidden;
|
|
|
11 |
}
|
|
|
12 |
.ai-drawer.show {
|
|
|
13 |
right: 0;
|
|
|
14 |
visibility: visible;
|
|
|
15 |
}
|
|
|
16 |
|
|
|
17 |
.ai-drawer-header {
|
|
|
18 |
padding: 0;
|
|
|
19 |
height: 60px;
|
|
|
20 |
display: flex;
|
|
|
21 |
align-items: center;
|
|
|
22 |
}
|
|
|
23 |
|
|
|
24 |
.ai-drawer-header .ai-drawer-button {
|
|
|
25 |
margin-left: auto;
|
|
|
26 |
margin-right: 5px;
|
|
|
27 |
}
|
|
|
28 |
|
|
|
29 |
.ai-drawer-body {
|
|
|
30 |
position: relative;
|
|
|
31 |
height: calc(100vh - 120px);
|
|
|
32 |
display: flex;
|
|
|
33 |
flex-direction: column;
|
|
|
34 |
flex-wrap: nowrap;
|
|
|
35 |
padding: 0.4rem;
|
|
|
36 |
overflow-y: auto;
|
|
|
37 |
scrollbar-width: thin;
|
|
|
38 |
scrollbar-color: #6a737b #f8f9fa;
|
|
|
39 |
}
|
|
|
40 |
|
|
|
41 |
.course-assist-response-content {
|
|
|
42 |
font-size: 0.875em;
|
|
|
43 |
}
|
|
|
44 |
|
|
|
45 |
#ai-features .icon {
|
|
|
46 |
min-width: 16px;
|
|
|
47 |
}
|
|
|
48 |
|
|
|
49 |
.course-assist-response-header .icon {
|
|
|
50 |
width: 30px;
|
|
|
51 |
height: 30px;
|
|
|
52 |
}
|
|
|
53 |
|
|
|
54 |
.course-assist-controls .icon,
|
|
|
55 |
.ai-course-assist-sparkles-icon .icon {
|
|
|
56 |
margin-right: 0;
|
|
|
57 |
}
|
|
|
58 |
|
|
|
59 |
.course-assist-controls .ai-action {
|
|
|
60 |
color: unset;
|
|
|
61 |
}
|
|
|
62 |
|
|
|
63 |
/* Toggle visibility of sparkles icon on hover. */
|
|
|
64 |
.course-assist-controls .ai-action .ai-course-assist-sparkles-icon,
|
|
|
65 |
.course-assist-controls .ai-action:not([disabled]):hover .ai-course-assist-sparkles-icon.white,
|
|
|
66 |
.course-assist-controls.show .ai-action:not([disabled]) .ai-course-assist-sparkles-icon.white {
|
|
|
67 |
display: inline-block;
|
|
|
68 |
}
|
|
|
69 |
|
|
|
70 |
.course-assist-controls .ai-action .ai-course-assist-sparkles-icon.white,
|
|
|
71 |
.course-assist-controls .ai-action:not([disabled]):hover .ai-course-assist-sparkles-icon,
|
|
|
72 |
.course-assist-controls.show .ai-action:not([disabled]) .ai-course-assist-sparkles-icon {
|
|
|
73 |
display: none;
|
|
|
74 |
}
|