hanna/fabrica

fix(web): center-floating + button, disabled object-format field, checkbox styling

63945cc · hanna committed on 2026-07-25

Fix the create menu drifting to the middle of the top bar when signed in (two
margin-left:auto elements were splitting the free space; the search now yields
to the create menu). Show the repo object format as a disabled select under
Visibility instead of a muted note. Style checkboxes with accent-color and a
consistent size, and give the email-visibility toggle a clean bordered row.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k

assets/base.css +34 −4

crates/web/src/repo.rs +4 −4

@@ @@ -132,6 +132,12 @@ code, pre, .mono { @@
   flex: 0 1 28rem;
   margin-left: auto;
+}
 /* When the create menu is present it owns the right-alignment, so the search
    must not add a second auto margin (two would split the free space and float
    the create menu into the middle). */
 .topbar-create ~ .topbar-search {
   margin-left: 0;
+}
 .topbar-search input[type="search"] {
   width: 100%;
   padding: 0.3rem 0.6rem;
@@ @@ -817,10 +823,19 @@ body.drawer-open .drawer-backdrop { @@
   margin-top: 0;
+}
 .email-list {
   margin-bottom: 1rem;
   margin-bottom: 0;
+}
 .email-visibility {
   margin: 0.5rem 0 1rem;
   margin: 0;
   padding: 0.85rem 0;
   border-top: 1px solid var(--fb-border);
   border-bottom: 1px solid var(--fb-border);
+}
 .email-visibility label.checkbox {
   margin: 0;
+}
 .email-add {
   margin-top: 1rem;
+}
 .email-add label {
   margin-top: 0;
@@ @@ -869,6 +884,12 @@ select { @@
   border: 1px solid var(--fb-border);
   border-radius: var(--fb-radius);
+}
 input:disabled,
 textarea:disabled,
 select:disabled {
   opacity: 0.6;
   cursor: not-allowed;
+}
 input:focus,
 textarea:focus,
 select:focus {
@@ @@ -949,15 +970,24 @@ select:focus { @@
   font-size: 0.9em;
   font-weight: 600;
+}
 input[type="checkbox"],
 input[type="radio"] {
   accent-color: var(--fb-accent);
   width: 1.05rem;
   height: 1.05rem;
   cursor: pointer;
+}
 label.checkbox {
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
   gap: 0.45rem;
   margin: 0 1rem 0 0;
   font-weight: 400;
   cursor: pointer;
+}
 label.checkbox input {
   width: auto;
   width: 1.05rem;
   flex: none;
+}
 /* Link slots stack full-width; the Add button sits beside the last one. */
 .link-fields {


			@@ -987,6 +987,10 @@ async fn repo_settings_view(
987	987		(vis_option(Visibility::Internal, "Internal — any signed-in user"))
988	988		(vis_option(Visibility::Private, "Private — only you and collaborators"))
989	989		}
	990	+	label for="object_format" { "Object format" }
	991	+	select id="object_format" disabled title="Fixed at creation" {
	992	+	option { (ctx.repo.object_format.to_uppercase()) }
	993	+	}
990	994		label { "Features" }
991	995		label class="checkbox" {
992	996		input type="checkbox" name="issues_enabled" value="1"

			@@ -996,10 +1000,6 @@ async fn repo_settings_view(
996	1000		input type="checkbox" name="pulls_enabled" value="1"
997	1001		checked[ctx.repo.pulls_enabled]; " Pull requests"
998	1002		}
999		-	p class="muted field-hint" {
1000		-	"Object format: " (ctx.repo.object_format.to_uppercase())
1001		-	" · fixed at creation."
1002		-	}
1003	1003		}
1004	1004		div class="settings-actions" {
1005	1005		button class="btn btn-primary" type="submit" form="repo-general" { "Save changes" }