hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

alignment

Browse source
This commit is contained in:
Henry Jameson 2025-01-18 21:44:46 +02:00
parent d25c2f04c9
commit f944a08f25
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/components/status_action_buttons/action_button.scss
View file

@ -3,8 +3,10 @@
.quick-action { .quick-action {
display: grid; display: grid;
grid-template-columns: max-content; grid-template-columns: minmax(max-content, 1fr);
grid-gap: 0.25em; grid-gap: 0.25em;
align-items: center;
height: 1.5em;
.action-counter { .action-counter {
overflow-x: hidden; overflow-x: hidden;
@ -12,14 +14,6 @@
white-space: nowrap; white-space: nowrap;
} }
&.-pin {
margin: calc(-2px - 0.25em);
padding: 0.25em;
border: 2px dashed var(--icon);
border-radius: var(--roundness);
grid-template-columns: 1fr auto;
}
.action-button-inner, .action-button-inner,
.extra-button { .extra-button {
margin: -0.5em; margin: -0.5em;
@ -27,14 +21,23 @@
} }
.separator { .separator {
width: 0.5em; display: block;
align-self: stretch;
width: 1px;
background-color: var(--icon);
margin-right: 0.5em;
}
&::before { &.-pin {
content: ""; margin: calc(-2px - 0.25em);
display: block; padding: 0.25em;
width: 1px; border: 2px dashed var(--icon);
height: 1.5em; border-radius: var(--roundness);
background-color: var(--icon); grid-template-columns: minmax(max-content, 1fr) auto;
.extra-button,
.separator {
display: none;
} }
} }
@ -51,6 +54,7 @@
.action-button { .action-button {
display: grid; display: grid;
grid-auto-flow: column; grid-auto-flow: column;
align-items: center;
padding: 0; padding: 0;
.action-button-inner { .action-button-inner {

6
src/components/status_action_buttons/status_action_buttons.scss
View file

@ -8,6 +8,12 @@
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
grid-gap: 1.25em 1em; grid-gap: 1.25em 1em;
margin-top: var(--status-margin); margin-top: var(--status-margin);
align-items: baseline;
}
.pin-action-button {
margin: -0.5em;
padding: 0.5em;
} }
} }
// popover // popover