Projets/ObsiGate
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

style(ai): selecteurs Fournisseur/Modele alignes a droite et reordonnes (#82)
CI / lint (push) Successful in 1m14s
Details
CI / security (push) Successful in 53s
Details
CI / test (push) Successful in 2m16s
Details
CI / build (push) Successful in 41s
Details
CI / e2e (push) Successful in 10m59s
Details

Browse Source
This commit is contained in:
bruno
2026-09-12 21:42:01 -04:00
parent 9274dbd49f
commit cb07b92543
6 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/js/ai.js
+3 -2
View File
@@ -217,7 +217,7 @@ async function _buildPickerUI() {
infoBtn.title = t('ai.model_info');
const capsPop = document.createElement('div');
capsPop.className = 'ai-picker-caps-pop hidden';
capsPop.style.cssText = 'position:absolute;top:calc(100% + 4px);right:0;z-index:60;'
capsPop.style.cssText = 'position:absolute;top:calc(100% + 4px);left:0;z-index:60;'
+ 'min-width:220px;max-width:300px;background:var(--bg-primary);border:1px solid var(--border);'
+ 'border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.35);padding:8px 10px;';
capsHost.appendChild(infoBtn);
@@ -442,10 +442,11 @@ async function _buildPickerUI() {
_renderList();
}
// Visual order: capability info, provider menu, model menu.
wrap.appendChild(capsHost);
wrap.appendChild(providerSelect);
wrap.appendChild(modelSelect);
wrap.appendChild(combo);
wrap.appendChild(capsHost);
return wrap;
}
frontend/style.css
+4 -3
View File
@@ -9187,8 +9187,9 @@ body.popup-mode .content-area {
color: var(--text-secondary); padding: 5px; border-radius: 6px; display: flex; align-items: center; }
.bookslm-header button:hover { background: var(--surface2); color: var(--text-primary); }
/* Provider/model picker on its own row so the header actions never get hidden. */
.bookslm-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
padding: 8px 12px; border-bottom: 1px solid var(--border); background: var(--bg-secondary); }
.bookslm-toolbar { display: flex; align-items: center; justify-content: flex-end; gap: 8px;
flex-wrap: wrap; padding: 8px 12px; border-bottom: 1px solid var(--border);
background: var(--bg-secondary); }
.bookslm-toolbar-label { font-size: 11px; color: var(--text-secondary);
text-transform: uppercase; letter-spacing: .04em; flex-shrink: 0; }
.bookslm-toolbar .ai-picker { margin-left: 0; padding-left: 0; border-left: none;
@@ -9421,7 +9422,7 @@ body.bookslm-resizing { cursor: ew-resize; user-select: none; }
font-size: 1rem; line-height: 1; padding: 5px 7px; border-radius: 6px; }
.ai-picker-info:hover, .ai-picker-info:focus { color: var(--accent); }
.ai-picker-info.hidden { display: none; }
.ai-picker-caps-pop { position: absolute; top: calc(100% + 4px); right: 0; z-index: 60;
.ai-picker-caps-pop { position: absolute; top: calc(100% + 4px); left: 0; z-index: 60;
min-width: 220px; max-width: 300px; background: var(--bg-primary);
border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.35);
padding: 8px 10px; }