disabled dropdown btn style
3clyp50 committed
Jan 2, 2026 at 11:27 UTC
244913c192e528041df17b4a003677da6aa95649
2 files changed
+9
-2
webui/components/chat/input/bottom-actions.html
+3
-2
@@ -84,8 +84,9 @@
84
<style>
85
.text-buttons-row { width: 100%; display: flex; padding-top: var(--spacing-xs); margin-left: var(--spacing-xs); }
86
.text-button { background-color: transparent; border: none; border-radius: 5px; color: var(--color-text); font-family: "Rubik", Arial, Helvetica, sans-serif; font-size: 0.6rem; padding: 6px var(--spacing-sm); cursor: pointer; opacity: 0.8; -webkit-transition: all 0.3s; transition: all 0.3s; display: flex; align-items: center; gap: var(--spacing-xs); }
87
- .text-button:hover { opacity: 1; background-color: var(--color-secondary); border-radius: 4px; }
88
- .text-button:active { opacity: 0.5; }
87
+ .text-button:hover:not(:disabled) { opacity: 1; background-color: var(--color-secondary); border-radius: 4px; }
88
+ .text-button:active:not(:disabled) { opacity: 0.5; }
89
+ .text-button:disabled { opacity: 0.4; cursor: not-allowed; }
90
.text-button svg { width: 14px; height: 14px; flex-shrink: 0; }
91
.text-button p { margin-block: 0; }
92
webui/index.css
+6
@@ -1337,6 +1337,12 @@ nav ul li a img {
1337
opacity: 0.7;
1338
}
1339
1340
+.dropdown-item:disabled {
1341
+ opacity: 0.4;
1342
+ cursor: not-allowed;
1343
+ pointer-events: none;
1344
+}
1345
+
1346
.dropdown-item svg {
1347
width: 18px;
1348
height: 18px;