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

cleanup + brought back quick actions styles

Browse source
This commit is contained in:
Henry Jameson 2025-01-14 19:43:47 +02:00
commit 6939405173
6 changed files with 72 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,41 +1,63 @@
@import "../../mixins";
/* stylelint-disable declaration-no-important */
.action-button {
.quick-action {
display: grid;
grid-template-columns: max-content;
grid-gap: 0.25em;
&.-with-extra {
grid-template-columns: 1fr calc(var(--__line-height) + 2 * var(--__horizontal-gap));
&.-pin {
margin: calc(-2px - 0.25em);
padding: 0.25em;
border: 2px dashed var(--icon);
border-radius: var(--roundness);
grid-template-columns: 1fr auto;
}
&.-quick {
.action-button-inner,
.extra-button {
margin: -0.5em;
padding: 0.5em;
}
.action-button-inner {
display: grid;
grid-template-columns: max-content auto;
grid-gap: 1em;
grid-template-columns: max-content max-content;
grid-auto-flow: column;
grid-auto-columns: max-content;
align-items: center;
}
&.disabled {
cursor: not-allowed;
.extra-button {
border-left: 1px solid var(--icon);
}
}
&:hover,
&.-active {
&.reply-button:not(.disabled) {
.svg-inline--fa {
color: var(--cBlue);
.action-button {
display: grid;
grid-auto-flow: column;
padding: 0;
.action-button-inner {
&:hover,
&.-active {
&.reply-button:not(.disabled) {
.svg-inline--fa {
color: var(--cBlue);
}
}
}
&.retweet-button:not(.disabled) {
.svg-inline--fa {
color: var(--cGreen);
&.retweet-button:not(.disabled) {
.svg-inline--fa {
color: var(--cGreen);
}
}
}
&.favorite-button:not(.disabled) {
.svg-inline--fa {
color: var(--cOrange);
&.favorite-button:not(.disabled) {
.svg-inline--fa {
color: var(--cOrange);
}
}
}
}