BhargavMN commited on
Commit ·
a30d8f7
1
Parent(s): 41829ee
style(theme): update "Start anyway" link styles for improved visibility and interaction
Browse files- 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 |
-
|
| 814 |
-
|
| 815 |
-
|
| 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
|
|
|
|
|
|
|
|
|
|
| 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;
|