Monorepo for Tangled
appview/repo: improve branch selector styling
also improves global `<select>` styling
resolves
[TAN-436](https://linear.app/tangled/issue/TAN-436/branch-selector-max-width-is-too-small)
Signed-off-by: eti <eti@eti.tf>
+12
-3
+1
-1
appview/pages/templates/repo/index.html
+1
-1
appview/pages/templates/repo/index.html
···
88
88
<div class="flex gap-2 items-stretch">
89
89
<select
90
90
onchange="window.location.href = '/{{ .RepoInfo.FullName }}/tree/' + encodeURIComponent(this.value)"
91
-
class="p-1 border max-w-32 border-gray-200 bg-white dark:bg-gray-800 dark:text-white dark:border-gray-700"
91
+
class="max-w-32 sm:max-w-64"
92
92
>
93
93
<optgroup label="Branches ({{len .Branches}})" class="bold text-sm">
94
94
{{ range .Branches }}
+11
-2
input.css
+11
-2
input.css
···
97
97
input,
98
98
textarea {
99
99
@apply block rounded p-3
100
-
bg-gray-50 dark:bg-gray-800 dark:text-white
101
-
border border-gray-300 dark:border-gray-600
100
+
bg-white dark:bg-gray-800 dark:text-white
101
+
border border-gray-200 dark:border-gray-600
102
102
focus:outline-none focus:ring-1 focus:ring-gray-400 dark:focus:ring-gray-500;
103
103
}
104
104
···
187
187
input[type="radio"]:disabled:checked {
188
188
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5' fill='rgb(107,114,128)'/></svg>");
189
189
}
190
+
}
191
+
192
+
select {
193
+
@apply flex items-center rounded p-2 h-[32px]
194
+
border border-gray-200
195
+
bg-white
196
+
dark:text-white
197
+
dark:bg-gray-800 dark:border-gray-700
198
+
;
190
199
}
191
200
192
201
details summary::-webkit-details-marker {