@pocketprep/ui-kit 3.4.18 → 3.4.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
:class="{
|
|
26
26
|
'uikit-side-panel__head--has-tabs': tabs && tabs.length,
|
|
27
27
|
'uikit-side-panel__head--has-stepped-tabs': tabs && tabs.length && steppedTabs,
|
|
28
|
+
'uikit-side-panel__head--teach-side-panel': isTeachSidePanel,
|
|
28
29
|
}"
|
|
29
30
|
>
|
|
30
31
|
<div
|
|
@@ -83,7 +84,10 @@
|
|
|
83
84
|
<div
|
|
84
85
|
v-dark="isDarkMode"
|
|
85
86
|
class="uikit-side-panel__content"
|
|
86
|
-
:class="{
|
|
87
|
+
:class="{
|
|
88
|
+
'uikit-side-panel__content--has-tabs': tabs && tabs.length,
|
|
89
|
+
'uikit-side-panel__content--teach-side-panel': isTeachSidePanel,
|
|
90
|
+
}"
|
|
87
91
|
:style="{ ...customContentStyles }"
|
|
88
92
|
>
|
|
89
93
|
<slot />
|
|
@@ -136,6 +140,7 @@ export default class SidePanel extends Vue {
|
|
|
136
140
|
@Prop({ default: () => ({}) }) customContentStyles!: { [key: string]: string }
|
|
137
141
|
@Prop({ default: 'large' }) width!: 'large' | 'medium' | number
|
|
138
142
|
@Prop({ default: false }) disableTransition!: boolean
|
|
143
|
+
@Prop({ default: false }) isTeachSidePanel!: boolean
|
|
139
144
|
@Prop({ default: false }) isDarkMode!: boolean
|
|
140
145
|
|
|
141
146
|
openSidePanel = false
|
|
@@ -377,6 +382,10 @@ export default class SidePanel extends Vue {
|
|
|
377
382
|
padding-bottom: 69px;
|
|
378
383
|
}
|
|
379
384
|
|
|
385
|
+
&--teach-side-panel {
|
|
386
|
+
background-color: $barely-background;
|
|
387
|
+
}
|
|
388
|
+
|
|
380
389
|
&--dark {
|
|
381
390
|
background: $brand-black;
|
|
382
391
|
color: $white;
|
|
@@ -570,6 +579,10 @@ export default class SidePanel extends Vue {
|
|
|
570
579
|
margin: 5px 0 40px;
|
|
571
580
|
}
|
|
572
581
|
|
|
582
|
+
&--teach-side-panel {
|
|
583
|
+
background-color: $white;
|
|
584
|
+
}
|
|
585
|
+
|
|
573
586
|
&--dark {
|
|
574
587
|
color: $fog;
|
|
575
588
|
}
|