zotero/scss/preferences/_sync.scss
Dan Stillman 322b764091 Show email addresses in sync settings
Fetch emails from /keys response and login session result, persist them
in the local database, and display them in the sync settings for both
logged-in and logged-out-but-linked states.

Also unify the separate logged-out-linked and logged-in containers into
a single layout that toggles elements based on login state.

Requires dataserver and stream-server changes
2026-03-24 12:09:08 -04:00

119 lines
1.9 KiB
SCSS

/* Settings tab */
#zotero-prefpane-sync .form-grid {
align-items: center;
}
#zotero-prefpane-sync .form-grid > hbox {
align-items: center;
}
#zotero-prefpane-sync .form-grid > label:nth-child(odd)
{
text-align: end;
}
#zotero-prefpane-sync .form-grid > hbox
{
margin-inline-start: 4px;
display: flex;
align-items: center;
}
#zotero-prefpane-sync .form-grid > hbox > textbox
{
margin-inline: 3px;
}
#zotero-prefpane-sync .form-grid > hbox > label:last-child
{
margin-inline-start: 0;
margin-inline-end: 10px;
}
#zotero-prefpane-sync .account-logged-out-status {
font-style: italic;
opacity: 0.7;
margin-inline-start: 6px;
}
#account-username {
margin-inline-end: 6px;
}
#account-emails {
margin-inline-start: 4px;
}
#zotero-prefpane-sync .account-login-pending {
gap: 6px;
button {
margin-block: 0;
}
}
#zotero-prefpane-sync .account-login-status-indicator
{
width: 20px;
height: 20px;
margin-inline-start: 7px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#zotero-prefpane-sync .account-login-status-indicator[verified=true]
{
@include svgicon("success", "universal", "20");
}
#zotero-prefpane-sync .account-login-status-indicator[verified=false]
{
@include svgicon("error", "universal", "20");
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#zotero-prefpane-sync .account-login-status-indicator[animated]
{
@include svgicon("sync", "universal", "20");
animation: rotating 2s linear infinite;
}
.storage-settings-download-options
{
margin-inline-start: 40px;
}
#storage-webdav-settings > .form-grid {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#storage-verify, #storage-abort, #storage-clean
{
margin-inline-start: 0;
min-width: 8em;
}
#storage-terms label
{
margin-inline-start: 0;
font-size: .9em;
}
#storage-terms label:first-child
{
margin-inline-end: .25em;
}
#storage-terms label[class=zotero-text-link]
{
margin-inline-end: 0;
}