BhargavMN commited on
Commit
a30d8f7
·
1 Parent(s): 41829ee

style(theme): update "Start anyway" link styles for improved visibility and interaction

Browse files
Files changed (1) hide show
  1. app/ui/theme.py +21 -8
app/ui/theme.py CHANGED
@@ -809,12 +809,14 @@ ul.options[role="listbox"] li {
809
  color: rgba(255, 255, 255, 0.3) !important;
810
  cursor: not-allowed !important;
811
  }
812
- /* Host "Start anyway" override — green underlined text link, not a button. */
813
- #lobby-start-anyway {
814
- text-align: center !important;
815
- margin-top: 6px !important;
816
- }
817
- #lobby-start-anyway button {
 
 
818
  background: transparent !important;
819
  background-color: transparent !important;
820
  border: none !important;
@@ -822,18 +824,29 @@ ul.options[role="listbox"] li {
822
  width: auto !important;
823
  min-width: 0 !important;
824
  padding: 2px 4px !important;
 
 
825
  color: var(--green) !important;
826
  font-weight: 600 !important;
827
  text-decoration: underline !important;
828
  text-underline-offset: 3px !important;
829
  cursor: pointer !important;
830
  }
831
- #lobby-start-anyway button:hover {
 
 
 
832
  filter: brightness(1.15) !important;
833
  transform: none !important;
 
834
  }
 
 
835
  #lobby-start-anyway button:disabled,
836
- #lobby-start-anyway button[disabled] {
 
 
 
837
  color: rgba(255, 255, 255, 0.3) !important;
838
  text-decoration: underline !important;
839
  cursor: not-allowed !important;
 
809
  color: rgba(255, 255, 255, 0.3) !important;
810
  cursor: not-allowed !important;
811
  }
812
+ /* Host "Start anyway" override — green underlined text link, not a button.
813
+ Gradio 6 puts elem_id/elem_classes on the <button> itself, so style the
814
+ element directly. Also cover a descendant button + the class, so this holds
815
+ whether or not Gradio wraps the control. */
816
+ #lobby-start-anyway,
817
+ #lobby-start-anyway button,
818
+ .lobby-start-link,
819
+ .lobby-start-link button {
820
  background: transparent !important;
821
  background-color: transparent !important;
822
  border: none !important;
 
824
  width: auto !important;
825
  min-width: 0 !important;
826
  padding: 2px 4px !important;
827
+ margin: 6px auto 0 !important;
828
+ display: block !important;
829
  color: var(--green) !important;
830
  font-weight: 600 !important;
831
  text-decoration: underline !important;
832
  text-underline-offset: 3px !important;
833
  cursor: pointer !important;
834
  }
835
+ #lobby-start-anyway:hover,
836
+ #lobby-start-anyway button:hover,
837
+ .lobby-start-link:hover,
838
+ .lobby-start-link button:hover {
839
  filter: brightness(1.15) !important;
840
  transform: none !important;
841
+ background: transparent !important;
842
  }
843
+ #lobby-start-anyway:disabled,
844
+ #lobby-start-anyway[disabled],
845
  #lobby-start-anyway button:disabled,
846
+ #lobby-start-anyway button[disabled],
847
+ .lobby-start-link:disabled,
848
+ .lobby-start-link button:disabled,
849
+ .lobby-start-link button[disabled] {
850
  color: rgba(255, 255, 255, 0.3) !important;
851
  text-decoration: underline !important;
852
  cursor: not-allowed !important;