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

better overflow, denser layout

Browse source
This commit is contained in:
Henry Jameson 2025-01-18 19:44:12 +02:00
parent ee8008ef93
commit 3786402963
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -6,6 +6,12 @@
grid-template-columns: max-content; grid-template-columns: max-content;
grid-gap: 0.25em; grid-gap: 0.25em;
.action-counter {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&.-pin { &.-pin {
margin: calc(-2px - 0.25em); margin: calc(-2px - 0.25em);
padding: 0.25em; padding: 0.25em;
@ -35,7 +41,7 @@
.action-button-inner { .action-button-inner {
display: grid; display: grid;
grid-gap: 1em; grid-gap: 1em;
grid-template-columns: max-content max-content; grid-template-columns: max-content 1fr;
grid-auto-flow: column; grid-auto-flow: column;
grid-auto-columns: max-content; grid-auto-columns: max-content;
align-items: center; align-items: center;

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

@ -3,7 +3,7 @@
.StatusActionButtons { .StatusActionButtons {
.quick-action-buttons { .quick-action-buttons {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, 6em); grid-template-columns: repeat(auto-fill, 5em);
grid-auto-flow: row dense; grid-auto-flow: row dense;
grid-auto-rows: 1fr; grid-auto-rows: 1fr;
grid-gap: 1.25em 1em; grid-gap: 1.25em 1em;