jeffemmett
/
rspace-online
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui(space-settings): Invite label + breathing room under username search 

- Rename 'Add' to 'Invite' in the By-Username add-member row to match
  the By-Email path and reflect that it goes through an invite flow.
- Add 10px top margin to .add-member-row so the role dropdown and
  button don't visually collide with the search input/selected-user
  area above.
This commit is contained in:
Jeff Emmett 2026-04-16 16:36:52 -04:00
parent 351565c934
commit 98d6d22e55
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
shared/components/rstack-space-switcher.ts
View File

@ -756,7 +756,7 @@ export class RStackSpaceSwitcher extends HTMLElement {
<option value="moderator">moderator</option> <option value="moderator">moderator</option>
<option value="admin">admin</option> <option value="admin">admin</option>
</select> </select>
<button class="btn-sm btn-sm--approve" id="am-add-btn" disabled>Add</button> <button class="btn-sm btn-sm--approve" id="am-add-btn" disabled>Invite</button>
</div> </div>
<div class="add-feedback" id="am-feedback"></div> <div class="add-feedback" id="am-feedback"></div>
</div> </div>
@ -2210,7 +2210,7 @@ input:checked + .toggle-slider:before { transform: translateX(16px); }
.add-toggle-btn.active { background: rgba(6,182,212,0.1); border-color: rgba(6,182,212,0.3); color: #06b6d4; } .add-toggle-btn.active { background: rgba(6,182,212,0.1); border-color: rgba(6,182,212,0.3); color: #06b6d4; }
.add-member-form { display: flex; flex-direction: column; gap: 8px; } .add-member-form { display: flex; flex-direction: column; gap: 8px; }
.add-member-form.hidden { display: none; } .add-member-form.hidden { display: none; }
.add-member-row { display: flex; gap: 8px; align-items: center; } .add-member-row { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.add-search-wrapper { position: relative; } .add-search-wrapper { position: relative; }
.add-search-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: var(--rs-bg-surface); border: 1px solid var(--rs-border); border-radius: 8px; margin-top: 4px; overflow: hidden; z-index: 10; box-shadow: 0 4px 16px rgba(0,0,0,0.25); display: none; } .add-search-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: var(--rs-bg-surface); border: 1px solid var(--rs-border); border-radius: 8px; margin-top: 4px; overflow: hidden; z-index: 10; box-shadow: 0 4px 16px rgba(0,0,0,0.25); display: none; }
.add-search-dropdown.open { display: block; } .add-search-dropdown.open { display: block; }