bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add icons for status action bars

Browse source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2021-11-04 19:16:04 +01:00
parent 4eb9b3c26e
commit bdb61c14e3
5 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/components/dropdown_menu.js
View file

Binary file not shown.

BIN
app/soapbox/components/status_action_bar.js
View file

Binary file not shown.

BIN
app/soapbox/features/status/components/action_bar.js
View file

Binary file not shown.

20
app/styles/components/dropdown-menu.scss
View file

@ -9,7 +9,7 @@
padding: 4px 0; padding: 4px 0;
color: var(--primary-text-color); color: var(--primary-text-color);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
max-width: 300px; max-width: 350px;
&.left { transform-origin: 100% 50%; } &.left { transform-origin: 100% 50%; }
&.top { transform-origin: 50% 100%; } &.top { transform-origin: 50% 100%; }
&.bottom { transform-origin: 50% 0; } &.bottom { transform-origin: 50% 0; }
@ -56,10 +56,12 @@
} }
&__item a { &__item a {
display: block; display: flex;
align-items: center;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
padding: 3px 10px 1px; padding: 4px 10px;
font-size: 15px;
text-decoration: none; text-decoration: none;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -76,13 +78,23 @@
color: #fff; color: #fff;
} }
} }
.svg-icon:first-child {
height: 20px;
width: 20px;
margin-right: 10px;
svg {
stroke-width: 1.5;
}
}
} }
&__separator { &__separator {
display: block; display: block;
margin: 10px !important; margin: 10px !important;
height: 1px; height: 1px;
background: var(--foreground-color); background: hsla(var(--primary-text-color_hsl), 0.12);
} }
&__item .account { &__item .account {

10
app/styles/components/modal.scss
View file

@ -592,7 +592,15 @@
} }
} }
.svg-icon:first-child { margin-right: 10px; } .svg-icon:first-child {
height: 20px;
width: 20px;
margin-right: 10px;
svg {
stroke-width: 1.5;
}
}
} }
} }
} }