zotero/scss/preferences/_sync.scss
Abe Jellinek de42dce16e Fix some preferences layout issues
- Replace -moz-box- properties with flex equivalents
- Remove some of the old useless CSS
- Replace non-RTL-aware text-aligns
2024-03-30 00:58:55 -04:00

106 lines
1.8 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 > label:first-child,
#zotero-prefpane-sync .form-grid > hbox > menulist:first-child
{
margin-inline: 0;
}
#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 #sync-auth-button {
margin-inline-start: 0;
}
#zotero-prefpane-sync #sync-status-indicator
{
width: 20px;
height: 20px;
margin-left: -1px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#zotero-prefpane-sync #sync-status-indicator[verified=true]
{
@include svgicon("success", "universal", "20");
}
#zotero-prefpane-sync #sync-status-indicator[verified=false]
{
@include svgicon("error", "universal", "20");
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#zotero-prefpane-sync #sync-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;
}