Changeset 834bcc3 in Klonkt for src/views/pages/admin-site-edit.ejs
- Timestamp:
- 06/23/2026 06:14:27 PM (3 months ago)
- Branches:
- main
- Children:
- d774679
- Parents:
- bb42dfb
- File:
-
- 1 edited
-
src/views/pages/admin-site-edit.ejs (modified) (6 diffs)
Legend:
- Unmodified
- Added
- Removed
-
src/views/pages/admin-site-edit.ejs
rbb42dfb r834bcc3 24 24 <input type="text" name="title" value="<%= site.title || '' %>" required maxlength="200"> 25 25 </label> 26 <%# Eigenaar (her)toewijzen — ALLEEN god ÉN alleen in hub-modus. In hub geef27 je zo elke gebruiker z'n eigen, zelf te beheren Klonkt. In solo (éénsite,28 één eigenaar) is dit zinloos/verwarrend, dus verborgen. %>26 <%# Assign (or reassign) owner — ONLY god AND only in hub mode. In hub this 27 gives each user their own self-managed Klonkt. In solo (one site, 28 one owner) this is pointless/confusing, so it's hidden. %> 29 29 <% if (user && user.role === 'god' && (typeof tenancy !== 'undefined' && tenancy === 'hub')) { %> 30 30 <label> … … 250 250 <script> 251 251 (function() { 252 // Slug -URL-veld: toon de echte host als gedimde prefix (de slug zelf is253 // gekleurd via CSS). Hub → host/user/<slug>, andershost/<slug>.252 // Slug URL field: show the real host as a dimmed prefix (the slug itself is 253 // coloured via CSS). Hub → host/user/<slug>, otherwise host/<slug>. 254 254 var sh = document.getElementById('slug-host'); 255 255 if (sh) sh.textContent = location.host + (sh.dataset.prefix || '/'); … … 354 354 355 355 .site-form { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; } 356 /* Mobi el: een <fieldset> heeft een browser-default min-inline-size:min-content en357 krimpt daardoor NIET mee → het hele formulier werd breder dan het scherm. min-width:0358 force ert meekrimpen; de form-velden krijgen max-width:100% + border-box zodat ze359 n ooit buiten hun fieldset lopen. */356 /* Mobile: a <fieldset> has a browser-default min-inline-size:min-content and 357 therefore does NOT shrink → the entire form became wider than the screen. min-width:0 358 forces it to shrink; form fields get max-width:100% + border-box so they 359 never overflow their fieldset. */ 360 360 .site-form fieldset { min-width: 0; } 361 361 .site-form input, .site-form select, .site-form textarea { min-width: 0; max-width: 100%; box-sizing: border-box; } … … 398 398 .site-form input[readonly] { opacity: 0.6; cursor: not-allowed; background: var(--paper-2); } 399 399 400 /* Slug a ls URL-veld: gedimde host-prefix + de slug zelf in de accentkleur. */400 /* Slug as URL field: dimmed host prefix + the slug itself in the accent colour. */ 401 401 .slug-url { 402 402 display: flex; align-items: stretch; … … 425 425 } 426 426 427 /* Selects: zelfde look als de inputs, met een eigen chevron i.p.v. de kale428 native pijl. De geopende optielijst blijft door de browser gerenderd. */427 /* Selects: same look as the inputs, with a custom chevron instead of the bare 428 native arrow. The open option list is still rendered by the browser. */ 429 429 .site-form select { 430 430 appearance: none; … … 562 562 .photo-controls { gap: .55rem; } 563 563 } 564 /* Mobi el-eerst: platform-keuze op een eigen regel (volle breedte), daaronder de565 URL-input + verwijderknop. Voorkomt horizontale overflow op telefoons (de vaste566 160px-kolom + niet-krimpbare input liepen samen ~447px > schermbreedte). */564 /* Mobile-first: platform selector on its own line (full width), URL input + remove 565 button below. Prevents horizontal overflow on phones (fixed 160px column + 566 non-shrinkable input together ~447px > screen width). */ 567 567 .profile-link-row { 568 568 display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; margin-bottom: 0.5rem;
Note:
See TracChangeset
for help on using the changeset viewer.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)