UI Adjustments
CI Test Guard / validate-code (push) Has been cancelled

This commit is contained in:
Tyler
2026-05-15 12:57:26 -04:00
parent 24c792c02e
commit 6e6ea1765a
+15 -6
View File
@@ -153,11 +153,11 @@ INTERACTIVE_CSS = '''
font-size: 0.78em; font-size: 0.78em;
cursor: pointer; cursor: pointer;
width: auto; width: auto;
max-width: 160px; max-width: 6rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 6l5-6 5 6z' fill='%234a9eff'/%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 6l5-6 5 6z' fill='%234a9eff'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right; background-position: right;
background-size: 10%; background-size: 15%;
display: none; display: none;
vertical-align: middle; vertical-align: middle;
line-height: 1.4; line-height: 1.4;
@@ -187,7 +187,6 @@ INTERACTIVE_HTML = '''
<button class="sxng-btn" id="btn-regen" title="Regenerate answer"> <button class="sxng-btn" id="btn-regen" title="Regenerate answer">
<svg viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4C7.58 4 4.01 7.58 4.01 12C4.01 16.42 7.58 20 12 20C15.73 20 18.84 17.45 19.73 14H17.65C16.83 16.33 14.61 18 12 18C8.69 18 6 15.31 6 12C6 8.69 8.69 6 12 6C13.66 6 15.14 6.69 16.22 7.78L13 11H20V4L17.65 6.35Z"/></svg> <svg viewBox="0 0 24 24"><path d="M17.65 6.35C16.2 4.9 14.21 4 12 4C7.58 4 4.01 7.58 4.01 12C4.01 16.42 7.58 20 12 20C15.73 20 18.84 17.45 19.73 14H17.65C16.83 16.33 14.61 18 12 18C8.69 18 6 15.31 6 12C6 8.69 8.69 6 12 6C13.66 6 15.14 6.69 16.22 7.78L13 11H20V4L17.65 6.35Z"/></svg>
</button> </button>
<select id="sxng-model-select" class="sxng-model-select" title="Select model"></select>
<form id="sxng-action-form" class="sxng-input-wrapper" onsubmit="event.preventDefault();"> <form id="sxng-action-form" class="sxng-input-wrapper" onsubmit="event.preventDefault();">
<input type="text" id="sxng-action-input" class="sxng-input" placeholder="Ask..." aria-label="Ask follow-up" autocomplete="off"> <input type="text" id="sxng-action-input" class="sxng-input" placeholder="Ask..." aria-label="Ask follow-up" autocomplete="off">
<div class="sxng-input-line"></div> <div class="sxng-input-line"></div>
@@ -1402,18 +1401,28 @@ class SXNGPlugin(Plugin):
animation: sxng-fade-in 0.3s ease-out; animation: sxng-fade-in 0.3s ease-out;
}} }}
}} }}
.sxng-ai-header {{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
margin-top: -4px;
}}
.sxng-ai-label {{ .sxng-ai-label {{
font-size: 1.05em; font-size: 1.05em;
font-weight: 700; font-weight: 700;
margin-bottom: 4px;
margin-top: -4px;
letter-spacing: 0.04em; letter-spacing: 0.04em;
text-transform: none; text-transform: none;
color: var(--color-base-font, #333); color: var(--color-base-font, #333);
}} }}
{interactive_css} {interactive_css}
</style> </style>
<span style="color:#4a9eff;font-size:1.1em;">✦</span> AI Overview <div class="sxng-ai-header">
<span class="sxng-ai-label">
<span style="color:#4a9eff;font-size:1.1em;">✦</span> AI Overview
</span>
<select id="sxng-model-select" class="sxng-model-select" title="Select model"></select>
</div>
<p id="sxng-stream-data" style="white-space: pre-wrap; color: var(--color-result-description); font-size: 0.95rem; margin:0;"><span class="sxng-cursor"></span></p> <p id="sxng-stream-data" style="white-space: pre-wrap; color: var(--color-result-description); font-size: 0.95rem; margin:0;"><span class="sxng-cursor"></span></p>
{interactive_html} {interactive_html}
<script> <script>