@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-form-css
3 */
4
5select,
6textarea,
7input[type="text"],
8input[type="password"],
9input[type="datetime"],
10input[type="datetime-local"],
11input[type="date"],
12input[type="month"],
13input[type="time"],
14input[type="week"],
15input[type="number"],
16input[type="email"],
17input[type="url"],
18input[type="search"],
19input[type="tel"],
20input[type="color"],
21div.jx-tokenizer-container {
22 display: inline-block;
23 height: 30px;
24 line-height: 18px;
25 color: inherit;
26 vertical-align: middle;
27 font: {$basefont};
28}
29
30textarea,
31input[type="text"],
32input[type="password"],
33input[type="datetime"],
34input[type="datetime-local"],
35input[type="date"],
36input[type="month"],
37input[type="time"],
38input[type="week"],
39input[type="number"],
40input[type="email"],
41input[type="url"],
42input[type="search"],
43input[type="tel"],
44input[type="color"],
45div.jx-tokenizer-container {
46 padding: 4px 6px;
47 background-color: {$page.content};
48 border: 1px solid {$greyborder};
49 border-radius: 3px;
50
51 transition: border linear .05s, box-shadow linear .05s;
52
53 box-sizing: border-box;
54
55 /* iOS Safari */
56 -webkit-appearance: none;
57}
58
59textarea:focus,
60input[type="text"]:focus,
61input[type="password"]:focus,
62input[type="datetime"]:focus,
63input[type="datetime-local"]:focus,
64input[type="date"]:focus,
65input[type="month"]:focus,
66input[type="time"]:focus,
67input[type="week"]:focus,
68input[type="number"]:focus,
69input[type="email"]:focus,
70input[type="url"]:focus,
71input[type="search"]:focus,
72input[type="tel"]:focus,
73input[type="color"]:focus,
74div.jx-tokenizer-container-focused {
75 border-color: rgba(82, 168, 236, 0.8);
76 outline: 0;
77 /* IE6-9 */
78
79 box-shadow:
80 inset 0 1px 1px rgba({$alphablack},.075),
81 0 0 8px rgba(82,168,236,.6);
82}
83input[type="radio"],
84input[type="checkbox"] {
85 margin: 4px 0 0;
86 margin-top: 1px\9;
87 /* IE8-9 */
88 line-height: normal;
89}
90
91select {
92 background: {$page.content};
93 background-size: 8px 10px;
94 border-radius: 3px;
95 border: 1px solid {$greyborder};
96 height: 30px;
97 padding: 0 24px 0 8px;
98 margin: 0;
99 min-width: 180px;
100}
101
102select[multiple],
103select[size] {
104 height: auto;
105}
106
107select:focus,
108input[type="file"]:focus,
109input[type="radio"]:focus,
110input[type="checkbox"]:focus {
111 outline: thin dotted #333;
112 outline: 5px auto -webkit-focus-ring-color;
113 outline-offset: -2px;
114}
115
116input::-moz-placeholder,
117textarea::-moz-placeholder {
118 color: {$lightgreytext};
119}
120
121input::-webkit-input-placeholder,
122textarea::-webkit-input-placeholder {
123 color: {$lightgreytext};
124}
125
126select[disabled],
127input[disabled],
128textarea[disabled],
129.disabled-control {
130 opacity: 0.5;
131}
132
133.aphront-space-select-control-knob {
134 margin: 0 8px 4px 0;
135 float: left;
136}
137
138.aphront-form-control-policy .policy-control {
139 float: left;
140 margin-right: 8px;
141}
142
143.device .aphront-space-select-control-knob {
144 float: none;
145}
146
147.device .aphront-form-control-policy .policy-control {
148 margin: 0;
149}