jupyter-ai-tutor/style/base.css at 6dbea63e8a586c1eb03f15204b713770fb8cb394 · Yahiewi/jupyter-ai-tutor · GitHub

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
84
85
86
/*
    See the JupyterLab Developer Guide for useful CSS Patterns:

    https://jupyterlab.readthedocs.io/en/stable/developer/css.html
*/

/* Hide the input area */
/* stylelint-disable-next-line selector-class-pattern */
#jupyter-ai-tutor-panel .jp-chat-input-container .MuiAutocomplete-root {
  display: none;
}

/* Hide the whole input container if toolbar is empty */
#jupyter-ai-tutor-panel
  .jp-chat-input-container:has(.jp-chat-input-toolbar:empty) {
  display: none;
}

#jupyter-ai-tutor-panel .jp-chat-input-container .jp-chat-input-toolbar {
  border-top: none;
}

/* Flex layout for sidebar panel and chat */
/* stylelint-disable-next-line selector-class-pattern */
#jupyter-ai-tutor-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* stylelint-disable-next-line selector-class-pattern */
#jupyter-ai-tutor-chat {
  flex: 1;
  min-height: 0;
}

/* Warning banner for focus transitions */
/* stylelint-disable-next-line selector-class-pattern */
.jp-jupyter-ai-tutor-warning-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: var(--jp-warn-color3, #fffbeb);
  border-bottom: 1px solid var(--jp-warn-color1, #f59e0b);
  color: var(--jp-ui-font-color1, #78350f);
  font-size: var(--jp-ui-font-size1, 13px);
}

/* stylelint-disable-next-line selector-class-pattern */
.jp-jupyter-ai-tutor-warning-text {
  flex: 1;
  margin-right: 8px;
}

/* stylelint-disable-next-line selector-class-pattern */
.jp-jupyter-ai-tutor-warning-btn {
  background: var(--jp-brand-color1, #2196f3);
  color: var(--jp-layout-color0, #ffffff);
  border: none;
  border-radius: 3px;
  padding: 4px 8px;
  cursor: pointer;
  font-weight: 500;
  font-size: var(--jp-ui-font-size0, 11px);
  white-space: nowrap;
}

/* stylelint-disable-next-line selector-class-pattern */
.jp-jupyter-ai-tutor-warning-btn:hover {
  background: var(--jp-brand-color0, #1976d2);
}

/* Override toolbar visibility on cell overlap */
/* stylelint-disable-next-line selector-class-pattern */
.jp-toolbar-overlap .jp-cell-toolbar {
  display: flex !important;
  opacity: 0.15;
}

/* stylelint-disable-next-line selector-class-pattern */
.jp-toolbar-overlap .jp-cell-toolbar:hover {
  opacity: 1 !important;
  background-color: var(--jp-layout-color1);
  box-shadow: var(--jp-elevation-z2);
}