OrganizationCreateEditRolePage:Default

Build 18695 on bq/refactor-buttons-1
1200px
Reviewing disabled
Baseline History
Build 186954fcd56f
Current build. There are unaccepted changes, so build 18677 is still the baseline.
Build 18677d9c0512 current baseline
Accepted by Bruno Quaresma.
Build 175165076161
Auto-accepted
Build 17197a14824b
Accepted by Kayla Washburn.
Build 167355d7c6ab
Accepted by Jaayden Halko.
Commenting is disabled because there's a newer build on this branch
DOM Diff
file.html a CHANGED
@@ -7,10 +7,12 @@
7
  <span class="css-f85vlt">Set a name and permissions for this role.</span>
8
  </div>
9
  </div>
10
  <div class="flex space-x-2 items-center">
11
- <button class="inline-flex items-center justify-center gap-1 whitespace-nowrap border-solid rounded-md transition-colors text-sm font-medium cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 border border-border-default text-content-primary bg-transparent hover:bg-surface-secondary h-10 px-3 py-2 [&amp;_svg]:size-icon-lg">Cancel</button>
12
- <button class="inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md transition-colors text-sm font-medium cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-surface-invert-primary text-content-invert hover:bg-surface-invert-secondary border-none disabled:bg-surface-secondary h-10 px-3 py-2 [&amp;_svg]:size-icon-lg">Save</button>
 
 
13
  </div>
14
  </div>
15
  <form class="css-cvpmbd">
16
  <div class="css-177phjv">
@@ -571,10 +573,8 @@
571
  </table>
572
  </div>
573
  </div>
574
  <footer class="flex items-center justify-end space-x-2 mt-2">
575
- <button class="inline-flex items-center justify-center gap-1 whitespace-nowrap border-solid rounded-md transition-colors text-sm font-medium cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 border border-border-default text-content-primary bg-transparent hover:bg-surface-secondary h-10 px-3 py-2 [&amp;_svg]:size-icon-lg"
576
- type="button">Cancel</button>
577
- <button class="inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md transition-colors text-sm font-medium cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-surface-invert-primary text-content-invert hover:bg-surface-invert-secondary border-none disabled:bg-surface-secondary h-10 px-3 py-2 [&amp;_svg]:size-icon-lg"
578
- type="submit" data-testid="form-submit">Save</button>
579
  </footer>
580
  </form>
7
  <span class="css-f85vlt">Set a name and permissions for this role.</span>
8
  </div>
9
  </div>
10
  <div class="flex space-x-2 items-center">
11
+ <button class="inline-flex items-center justify-center gap-1 whitespace-nowrap border-solid rounded-md transition-colors text-sm font-medium cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 border border-border-default text-content-primary bg-transparent hover:bg-surface-secondary h-10 px-3 py-2 [&amp;_svg]:size-icon-lg"
12
+ type="button">Cancel</button>
13
+ <button class="inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md transition-colors text-sm cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-surface-invert-primary text-content-invert hover:bg-surface-invert-secondary border-none disabled:bg-surface-secondary font-semibold h-10 px-3 py-2 [&amp;_svg]:size-icon-lg"
14
+ type="button">Save</button>
15
  </div>
16
  </div>
17
  <form class="css-cvpmbd">
18
  <div class="css-177phjv">
573
  </table>
574
  </div>
575
  </div>
576
  <footer class="flex items-center justify-end space-x-2 mt-2">
577
+ <button type="button" class="inline-flex items-center justify-center gap-1 whitespace-nowrap border-solid rounded-md transition-colors text-sm font-medium cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 border border-border-default text-content-primary bg-transparent hover:bg-surface-secondary h-10 px-3 py-2 [&amp;_svg]:size-icon-lg">Cancel</button>
578
+ <button type="submit" class="inline-flex items-center justify-center gap-1 whitespace-nowrap rounded-md transition-colors text-sm cursor-pointer no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-content-link disabled:pointer-events-none disabled:text-content-disabled [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 bg-surface-invert-primary text-content-invert hover:bg-surface-invert-secondary border-none disabled:bg-surface-secondary font-semibold h-10 px-3 py-2 [&amp;_svg]:size-icon-lg">Save role</button>
 
 
579
  </footer>
580
  </form>