openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
2 lines (1 loc) • 4.91 kB
CSS
.sidebar-update-card{margin:0 8px 10px;position:relative}.sidebar-update-card--floating .sidebar-update-card{width:min(360px,100% - 32px);margin:12px 16px 0}.sidebar-update-card__actions{gap:5px;display:flex}.shell:not(.shell--mobile-nav) .sidebar-update-card--floating .sidebar-update-card{width:min(360px, calc(100% - var(--shell-chrome-safe-area-left) - 16px));margin-left:var(--shell-chrome-safe-area-left)}html.openclaw-native-nav .shell:not(.shell--mobile-nav) .sidebar-update-card--floating .sidebar-update-card,html.openclaw-native-web-chrome .shell:not(.shell--mobile-nav) .sidebar-update-card--floating .sidebar-update-card,.shell--onboarding:not(.shell--mobile-nav) .sidebar-update-card--floating .sidebar-update-card{width:min(360px,100% - 32px);margin-left:16px}html.openclaw-native-macos .shell:not(.shell--mobile-nav) .sidebar-update-card--floating .sidebar-update-card{margin-top:calc(var(--openclaw-native-titlebar-height,50px) + 2px)}.sidebar-update-card__action{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--accent-subtle) 48%, var(--bg-elevated));min-width:0;min-height:34px;color:var(--text);cursor:var(--cursor-action);text-align:left;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;flex:auto;align-items:center;gap:8px;padding:4px 8px;display:flex}@media (pointer:coarse){.sidebar-update-card--floating .sidebar-update-card__action{min-height:44px}}.sidebar-update-card__action:focus-visible:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent-subtle) 72%, var(--bg-elevated))}@media (hover:hover){.sidebar-update-card__action:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb, var(--accent) 36%, var(--border));background:color-mix(in srgb, var(--accent-subtle) 72%, var(--bg-elevated))}}.sidebar-update-card__action:focus-visible,.sidebar-update-card__hold:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 48%, transparent);outline-offset:1px}.sidebar-update-card__hold{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);color:var(--muted);cursor:var(--cursor-action);font-size:var(--control-ui-text-xs);white-space:nowrap;flex:none;padding:4px 8px;font-weight:600}@media (hover:hover){.sidebar-update-card__hold:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}}.sidebar-update-card__hold:disabled{cursor:wait;opacity:.66}.sidebar-update-card__action:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.66}.sidebar-update-card__action--busy:disabled{cursor:wait}.sidebar-update-card__action--busy .sidebar-update-card__icon svg{animation:1s linear infinite sidebar-update-card-spin}@keyframes sidebar-update-card-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sidebar-update-card__action--busy .sidebar-update-card__icon svg{animation:none}}body.update-dialog-open .sidebar-update-card__status{display:none}.sidebar-update-card__status{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--secondary);padding:8px;font-size:12px;line-height:1.45}.sidebar-update-card__status+.sidebar-update-card__actions{margin-top:6px}.sidebar-update-card__review{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text);cursor:var(--cursor-action);font-size:var(--control-ui-text-xs);margin-top:6px;padding:5px 8px;font-weight:600}@media (hover:hover){.sidebar-update-card__review:hover{background:var(--bg-hover)}}.sidebar-update-card__status--danger{border-color:color-mix(in srgb, var(--danger) 40%, var(--border));background:color-mix(in srgb, var(--danger) 10%, transparent)}.sidebar-update-card__status--warn{border-color:color-mix(in srgb, var(--warn) 40%, var(--border));background:color-mix(in srgb, var(--warn) 10%, transparent)}.sidebar-update-card__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 14%, transparent);width:24px;height:24px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebar-update-card__text{min-width:0;color:var(--text-strong);font-size:var(--control-ui-text-sm);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:600;line-height:1.25;overflow:hidden}.sidebar-update-card__text--stacked{flex-direction:column;display:flex}.sidebar-update-card__title{color:var(--text-strong);font-weight:600}.sidebar-update-card__subtitle{color:var(--muted);font-size:var(--control-ui-text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.sidebar-update-card__icon svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}