mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
New: Redesigned the expand description button
New: Updatethe button to not waste space New: Limited the plot to two lines on desktop and 4 on mobile
This commit is contained in:
@@ -1398,11 +1398,47 @@ progress+span {
|
|||||||
text-align: start;
|
text-align: start;
|
||||||
color: var(--dimTextColor);
|
color: var(--dimTextColor);
|
||||||
margin-block: 0;
|
margin-block: 0;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail-clamp-text p {
|
||||||
|
margin-block: .25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-mobile .detail-clamp-text {
|
||||||
-webkit-line-clamp: 4;
|
-webkit-line-clamp: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overview-expand.emby-button {
|
.overview-expand.emby-button {
|
||||||
padding: .25em 1em 1em;
|
padding: 0;
|
||||||
|
margin-block: 1.5em;
|
||||||
|
color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview-expand.emby-button:after {
|
||||||
|
content: "\e313";
|
||||||
|
font-family: 'Material Icons';
|
||||||
|
background: var(--selectorBackgroundColor);
|
||||||
|
border-radius: 50%;
|
||||||
|
width: 1.5em;
|
||||||
|
height: 1.5em;
|
||||||
|
align-content: center;
|
||||||
|
line-height: 1.6ch;
|
||||||
|
transition: transform .5s;
|
||||||
|
color: var(--textColor);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview.detail-clamp-text~.overview-controls .overview-expand:after {
|
||||||
|
transform: rotateZ(0deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview:not(.detail-clamp-text)~.overview-controls .overview-expand:after {
|
||||||
|
/* content: "\e316"; */
|
||||||
|
transform: rotateZ(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview-controls {
|
||||||
|
height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemMiscInfo {
|
.itemMiscInfo {
|
||||||
|
Reference in New Issue
Block a user