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

Show profile preview on hover

Browse source
This commit is contained in:
Bárbara de Castro Fernandes 2020-06-16 09:06:44 -03:00 committed by Mary Kate
parent 30a5a0baa9
commit 563e4e5bab
7 changed files with 29 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

Binary file not shown.

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

Binary file not shown.

BIN
app/soapbox/features/ui/components/user_panel.js
View file

Binary file not shown.

BIN
app/soapbox/pages/home_page.js
View file

Binary file not shown.

2
app/styles/components/drawer.scss
View file

@ -20,7 +20,7 @@
.column,
.drawer {
flex: 1 1 100%;
overflow: hidden;
overflow: visible;
}
.drawer__pager {

22
app/styles/components/status.scss
View file

@ -152,7 +152,6 @@
.status__info .status__display-name {
display: block;
max-width: 100%;
padding-right: 25px;
}
.status__info {
@ -160,6 +159,27 @@
z-index: 4;
}
.status__profile,
.detailed-status__profile {
display: inline-block;
.user-panel {
position: absolute;
display: flex;
opacity: 0;
pointer-events: none;
transition-property: opacity;
transition-duration: 0.5s;
z-index: 999;
&--visible {
opacity: 1;
transition-delay: 1s;
pointer-events: all;
}
}
}
.status-check-box {
border-bottom: 1px solid var(--background-color);
display: flex;

8
app/styles/components/user-panel.scss
View file

@ -3,7 +3,13 @@
display: flex;
width: 265px;
flex-direction: column;
overflow-y: hidden;
&,
.user-panel__account__name,
.user-panel__account__username {
overflow: hidden;
text-overflow: ellipsis;
}
&__header {
display: block;