Skip to content

Commit 3a67ebe

Browse files
committed
Fix sidebar issue in local
1 parent 8485f45 commit 3a67ebe

File tree

1 file changed

+33
-0
lines changed

1 file changed

+33
-0
lines changed

src/css/unison-local.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,39 @@
2424
color: var(--u-color_critical_icon);
2525
}
2626

27+
/* TODO: These styles are also present in unison-share-ui, and should make their way back to ui-core */
28+
@media only screen and (--u-viewport_min-lg) {
29+
/* For larger screens, when the sidebar is "toggled" its collapsed */
30+
#app .page.sidebar-toggled .sidebar-header {
31+
opacity: 1;
32+
pointer-events: initial;
33+
}
34+
35+
.page.sidebar-toggled #main-sidebar .sidebar-header .namespace,
36+
.page.sidebar-toggled .sidebar-header .perspective-actions,
37+
.page.sidebar-toggled .sidebar-header .perspective-tree-divider {
38+
display: none;
39+
}
40+
}
41+
42+
@media only screen and (--u-viewport_max-lg) {
43+
#announcement {
44+
font-size: var(--font-size-small);
45+
}
46+
47+
.page .sidebar-header,
48+
.page.sidebar-toggled .sidebar-section {
49+
opacity: 1;
50+
pointer-events: initial;
51+
}
52+
53+
.page:not(.sidebar-toggled) #main-sidebar .sidebar-header .namespace,
54+
.page:not(.sidebar-toggled) .sidebar-header .perspective-actions,
55+
.page:not(.sidebar-toggled) .sidebar-header .perspective-tree-divider {
56+
display: none;
57+
}
58+
}
59+
2760
@import "./unison-local/help-modal.css";
2861
@import "./unison-local/push-to-share-modal.css";
2962
@import "./unison-local/report-bug-modal.css";

0 commit comments

Comments
 (0)