fix: update media card positioning and styles
All checks were successful
Deploy Development / deploy (push) Successful in 34s
Test Suite / pytest-backend (push) Successful in 28s
Test Suite / lint-backend (push) Successful in 1s
Test Suite / build-frontend (push) Successful in 7s
Test Suite / playwright-tests (push) Successful in 24s
All checks were successful
Deploy Development / deploy (push) Successful in 34s
Test Suite / pytest-backend (push) Successful in 28s
Test Suite / lint-backend (push) Successful in 1s
Test Suite / build-frontend (push) Successful in 7s
Test Suite / playwright-tests (push) Successful in 24s
- Removed unnecessary positioning styles from media library card types. - Added a new style for the thumbnail card type to adjust its position. - Updated the MediaLibraryPage component to apply the new thumbnail style conditionally based on the compact view.
This commit is contained in:
parent
f9e6e61244
commit
d213746bd2
|
|
@ -5580,8 +5580,6 @@ a.analysis-split__nav-item {
|
||||||
}
|
}
|
||||||
.media-library__card-type {
|
.media-library__card-type {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 6px;
|
|
||||||
top: 6px;
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -5594,11 +5592,18 @@ a.analysis-split__nav-item {
|
||||||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
/* Kachel: unten links — Checkbox liegt oben links */
|
||||||
|
.media-library__card-type--thumb-bl {
|
||||||
|
left: 6px;
|
||||||
|
bottom: 6px;
|
||||||
|
top: auto;
|
||||||
|
}
|
||||||
.media-library__card-type--compact {
|
.media-library__card-type--compact {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
left: 3px;
|
left: 3px;
|
||||||
top: 3px;
|
top: 3px;
|
||||||
|
bottom: auto;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
.media-library__card-copyright {
|
.media-library__card-copyright {
|
||||||
|
|
|
||||||
|
|
@ -217,7 +217,7 @@ function MediaTypeGlyph({ mimeType, compact }) {
|
||||||
const sz = compact ? 12 : 14
|
const sz = compact ? 12 : 14
|
||||||
return (
|
return (
|
||||||
<span
|
<span
|
||||||
className={`media-library__card-type${compact ? ' media-library__card-type--compact' : ''}`}
|
className={`media-library__card-type${compact ? ' media-library__card-type--compact' : ' media-library__card-type--thumb-bl'}`}
|
||||||
title={label}
|
title={label}
|
||||||
aria-label={`Medientyp: ${label}`}
|
aria-label={`Medientyp: ${label}`}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user