kawa/SharepointToolbox-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.azuze.fr/kawa/SharepointToolbox-Web

Browse Source
This commit is contained in:
Sébastien QUEROL
2026-06-02 17:13:26 +02:00
parent 78881b83a2 b4c4e4efcc
commit e6ae06e29d
14 changed files with 474 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
wwwroot/app.css
+60
View File
@@ -159,6 +159,61 @@ body {
.content { flex: 1; overflow-y: auto; padding: 24px 28px; }
/* ── Top bar + profile selector ── */
.topbar {
position: sticky; top: -24px; z-index: 30;
display: flex; align-items: center; justify-content: flex-end;
gap: 12px; margin: -24px -28px 16px; padding: 12px 28px;
background: var(--page-bg);
}
.profile-selector { position: relative; }
.profile-selector-trigger {
display: flex; align-items: center; gap: 9px;
padding: 8px 12px; border-radius: var(--radius-md);
border: 1px solid var(--border); background: var(--card-bg); color: var(--text);
font-family: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer;
box-shadow: 0 2px 8px rgba(30,30,70,.06); transition: background .15s, border-color .15s;
max-width: 260px;
}
.profile-selector-trigger:hover { background: var(--surface-hover); }
.profile-selector-trigger.unset { color: var(--text-muted); font-weight: 500; }
.profile-selector-icon { font-size: 15px; }
.profile-selector-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-selector-caret { color: var(--text-muted); font-size: 11px; transition: transform .15s; }
.profile-selector-caret.open { transform: rotate(180deg); }
.profile-selector-backdrop { position: fixed; inset: 0; z-index: 40; }
.profile-selector-menu {
position: absolute; top: calc(100% + 6px); right: 0; z-index: 50;
min-width: 260px; max-width: 320px; padding: 6px;
background: var(--card-bg); border: 1px solid var(--border);
border-radius: var(--radius-md); box-shadow: 0 12px 34px rgba(30,30,70,.18);
}
.profile-selector-empty { padding: 12px; font-size: 12.5px; color: var(--text-muted); text-align: center; }
.profile-selector-item {
display: flex; align-items: center; gap: 8px; width: 100%;
padding: 9px 11px; border: none; border-radius: var(--radius-sm);
background: none; color: var(--text); cursor: pointer; font-family: inherit; text-align: left;
transition: background .12s;
}
.profile-selector-item:hover { background: var(--surface-hover); }
.profile-selector-item.active { background: var(--surface-hover); }
.library-picker-item { transition: background .12s; color: var(--text); }
.library-picker-item:hover { background: var(--surface-hover); }
.library-picker-item.active { background: var(--surface-hover); font-weight: 600; }
.profile-selector-item-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.profile-selector-item-name { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-selector-item-url { font-size: 11px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile-selector-check { color: var(--accent); font-weight: 700; flex-shrink: 0; }
.profile-selector-manage {
display: block; margin-top: 4px; padding: 9px 11px;
border-top: 1px solid var(--border); border-radius: 0 0 var(--radius-sm) var(--radius-sm);
color: var(--text-muted); text-decoration: none; font-size: 12.5px;
}
.profile-selector-manage:hover { background: var(--surface-hover); color: var(--text); }
/* ── Sidebar dark variant ── */
[data-theme="dark"] {
--page-bg: #15161c;
@@ -322,5 +377,10 @@ body {
.feature-card { cursor: pointer; transition: box-shadow .15s, transform .15s; }
.feature-card:hover { box-shadow: 0 14px 36px rgba(91, 91, 214, .22); transform: translateY(-2px); }
/* ── Visual folder-structure builder ── */
.folder-builder { display: flex; flex-direction: column; gap: 6px; padding: 10px; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); }
.folder-node { display: flex; flex-direction: column; gap: 6px; }
.folder-node .folder-node { border-left: 1px solid var(--border); padding-left: 6px; }
/* ── Theme (light-only palette; System resolves via JS) ── */
[data-theme="light"] { color-scheme: light; }