Align buttons with the top line of the field (#5604)

This commit is contained in:
Tom Najdek 2025-11-10 19:46:58 +01:00 • committed by GitHub
parent 260ae891f5
commit e09e993081
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 10 additions and 8 deletions

View file

@ -64,7 +64,7 @@
<html:div id="indexStatusRow" class="meta-row">
<html:div class="meta-label"><html:label id="index-status-label" class="key" data-l10n-id="attachment-info-index"/></html:div>
<html:div class="meta-data">
<html:label id="index-status"/>
<html:span id="index-status"/>
<toolbarbutton id="reindex" tabindex="0" oncommand="this.hidden = true; setTimeout(function () { ZoteroPane_Local.reindexItem(); }, 50)"/>
</html:div>
</html:div>

View file

@ -115,7 +115,7 @@
@mixin clicky-item {
display: flex;
align-items: flex-start;
align-items: baseline;
gap: 4px;
padding-inline-start: 4px;
overflow: hidden;
@ -130,7 +130,7 @@
}
.icon {
height: calc(1.3333333333 * var(--zotero-font-size));
line-height: calc(1.3333333333 * var(--zotero-font-size));
}
.label {
@ -140,9 +140,6 @@
width: 0; // Needed to allow the label to shrink for some reason
flex: 1;
overflow: hidden;
}
.icon, .label {
padding-block: 2px;
}
}
@ -177,6 +174,8 @@
width: 0;
min-width: 100%;
display: flex;
align-items: baseline;
toolbarbutton {
margin-inline-start: 4px;
}

View file

@ -23,8 +23,10 @@ attachment-box {
@include meta-table;
#index-status {
flex: 1 1 auto;
padding-inline: var(--editable-text-padding-inline);
margin-top: 2px;
@include comfortable {
margin-top: 3px;
}
@ -34,9 +36,9 @@ attachment-box {
{
height: 22px;
width: 22px;
padding: 1px;
padding: 4px;
margin-left: 4px;
@include svgicon-menu("sync", "universal", "20");
@include svgicon-menu("sync", "universal", "16");
&:not([disabled='true']) {
color: var(--fill-secondary);
}

View file

@ -11,6 +11,7 @@ attachment-row {
display: flex;
align-items: center;
gap: 4px;
align-items: baseline;
.clicky-item {
@include clicky-item;