github/reitti
1
1
Fork 0
mirror of https://github.com/dedicatedcode/reitti.git synced 2026-01-09 17:37:57 -05:00
Code Issues 6 Packages Projects Releases Wiki Activity

543 bug alignment of the fallback avatar is off (#553)

Browse Source
This commit is contained in:
Daniel Graf
2025-12-16 13:06:03 +01:00
committed by GitHub
parent 042ee2c5a2
commit fa2de73579
2 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/main/resources/static/css/inline-edit.css
View File

@@ -37,7 +37,6 @@
.place-name-container.editing { .place-name-container.editing {
border-radius: 3px; border-radius: 3px;
font-size: 1rem; font-size: 1rem;
float: left;
min-width: 700px; min-width: 700px;
} }
@@ -72,7 +71,6 @@
.place-name-container.editing { .place-name-container.editing {
border-radius: 3px; border-radius: 3px;
font-size: 1rem; font-size: 1rem;
float: left;
min-width: 0; min-width: 0;
} }
@@ -81,8 +79,16 @@
} }
.timeline-entry .trip-transport-mode-container .edit-icon,
.timeline-entry .place-name-container .edit-icon {
display: none;
}
.timeline-entry.active .trip-transport-mode-container .edit-icon,
.timeline-entry.active .place-name-container .edit-icon { .timeline-entry.active .place-name-container .edit-icon {
opacity: 1; opacity: 1;
display: inline-block;
} }
.edit-icon { .edit-icon {

16
src/main/resources/static/css/main.css
View File

@@ -1594,19 +1594,11 @@ button:disabled {
padding-left: 42px; padding-left: 42px;
} }
.user-timeline-section .no-entries{ .user-timeline-section .no-entries {
color: white; color: white;
padding: 48px; padding: 48px;
} }
.user-timeline-selection .avatar {
width: 64px;
height: 64px;
border-radius: 50%;
border: 2px solid white;
object-fit: cover;
}
.user-header { .user-header {
pointer-events: all; pointer-events: all;
color: white; color: white;
@@ -1687,21 +1679,21 @@ button:disabled {
.avatar::after { .avatar::after {
content: attr(alt); content: attr(alt);
color: white; color: white;
font-size: 2.4rem; font-size: 2.1rem;
top: 0; top: 0;
position: absolute; position: absolute;
background: var(--color-background-dark); background: var(--color-background-dark);
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding-top: 5px; padding-top: 7px;
font-weight: initial; font-weight: initial;
font-family: var(--serif-font); font-family: var(--serif-font);
} }
.avatar.small::after { .avatar.small::after {
font-size: 1.1rem; font-size: 1.1rem;
padding: 6px 3px; padding: 4px;
} }
.avatar:not(:has(img))::after { .avatar:not(:has(img))::after {