@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
1/**
2 * @provides phui-basic-nav-view-css
3 */
4
5.device-desktop .phui-navigation-shell,
6.phabricator-home.device .phui-navigation-shell {
7 width: 100%;
8 min-height: calc(100vh - {$menu.main.height});
9}
10
11.device-desktop .phui-navigation-shell .phabricator-nav,
12.phabricator-home.device .phui-navigation-shell .phabricator-nav {
13 display: flex;
14 min-height: calc(100vh - {$menu.main.height});
15}
16
17.device-desktop .phui-navigation-shell .phabricator-nav-local,
18.phabricator-home.device .phui-navigation-shell .phabricator-nav-local {
19 position: relative;
20 margin-top: 0;
21 overflow: hidden;
22}
23
24.phabricator-home.device-phone .phui-navigation-shell .phabricator-nav-local {
25 display: none;
26}
27
28.device-phone.phabricator-home .phui-basic-nav .phabricator-side-menu
29 .phui-list-item-selected {
30 background-color: transparent;
31 border-left-color: transparent;
32 font-weight: normal;
33}
34
35.phui-basic-nav.phui-navigation-shell .phabricator-nav-local {
36 flex: 0 0 205px;
37 padding-top: 12px;
38 padding-right: 8px;
39}
40
41.device .phui-navigation-shell .phabricator-nav-local {
42 display: none;
43}
44
45.phabricator-nav-content {
46 flex-grow: 1;
47 overflow: hidden;
48}
49
50.phui-two-column-view .phui-basic-nav.phui-navigation-shell
51 .phabricator-nav-local {
52 padding-right: 0;
53 padding-top: 0;
54}
55
56.phui-two-column-view .phui-basic-nav .phabricator-side-menu {
57 background-color: {$page.content};
58}
59
60.phui-basic-nav .phabricator-side-menu {
61 background-color: {$page.sidenav};
62}
63
64.phui-basic-nav .phabricator-side-menu .phui-list-item-view {
65 display: block;
66 white-space: nowrap;
67 text-decoration: none;
68}
69
70.phui-basic-nav .phabricator-side-menu .phui-list-item-href {
71 display: block;
72 padding: 6px 8px 6px 12px;
73 color: {$darkbluetext};
74 border-top-right-radius: 3px;
75 border-bottom-right-radius: 3px;
76 overflow: hidden;
77 text-overflow: ellipsis
78}
79
80.phui-basic-nav .phabricator-side-menu .phui-list-item-icon {
81 margin-left: -8px;
82 text-align: center;
83 width: 30px;
84}
85
86.phui-basic-nav .phabricator-side-menu .phui-divider {
87 border-bottom: 1px solid rgba({$alphablack},.08);
88 margin: 0 0 8px 8px;
89 padding: 8px 0 0 0;
90}
91
92.phui-basic-nav .phabricator-side-menu .phui-list-item-icon.phuihead-small {
93 display: inline-block;
94 height: 16px;
95 width: 16px;
96 border-radius: 3px;
97 background-size: 100%;
98 margin: -2px 7px -2px 3px;
99}
100
101.phui-basic-nav .phabricator-side-menu .phui-list-item-selected {
102 background-color: {$navigation-menu-selection-background};
103 border-top-right-radius: 3px;
104 border-bottom-right-radius: 3px;
105 font-weight: bold;
106}
107
108.device-desktop .phui-basic-nav .phabricator-side-menu
109 .phui-list-item-selected
110 a.phui-list-item-href:hover {
111 background-color: {$navigation-menu-selection-background};
112}
113
114.phui-basic-nav .phabricator-side-menu .phui-list-item-type-label {
115 padding: 6px 8px 4px 12px;
116 color: {$darkbluetext};
117 text-transform: uppercase;
118 font-size: 12px;
119 font-weight: bold;
120 border-style: solid;
121 letter-spacing: 0.02em;
122}
123
124.device-desktop .phui-basic-nav .phabricator-side-menu
125 a.phui-list-item-href:hover {
126 text-decoration: none;
127 background-color: {$navigation-menu-hover-background};
128}
129
130.phui-basic-nav .phabricator-side-menu .phui-list-item-type-link +
131 .phui-list-item-type-label {
132 margin-top: 12px;
133}
134
135.phui-basic-nav .phui-profile-segment-bar {
136 padding: 4px 4px 8px 12px;
137}