1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-03 09:49:28 +02:00

Adjust gallery

This commit is contained in:
Daniel Neto 2024-10-01 14:45:30 -03:00
parent 5018e8dc90
commit 1e11de1ceb
2 changed files with 22 additions and 4 deletions

View file

@ -85,6 +85,23 @@ h3.galleryTitle{
margin: 2px 0; margin: 2px 0;
} }
.galeryDetails .photo_identification{
display: inline-flex;
width: 100%;
}
.galeryDetails .photo_identification img{
max-width: 20px;
margin-right: 5px;
}
.galeryDetails .photo_identification .liveUser{
overflow: hidden;
white-space: nowrap; /* Prevents the text from wrapping to the next line */
text-overflow: ellipsis; /* Adds the ellipsis when the text overflows */
max-width: 100%; /* Set a width to trigger the ellipsis when content exceeds it */
}
.firstRow .galeryDetails div{ .firstRow .galeryDetails div{
font-size: 1em; font-size: 1em;
} }
@ -298,6 +315,7 @@ a.h6.galleryLink > strong{
} }
.channelPhotoDescription{ .channelPhotoDescription{
width: calc(100% - 65px); width: calc(100% - 65px);
overflow: hidden;
} }
.notShowChannel .channelPhotoDescription{ .notShowChannel .channelPhotoDescription{

View file

@ -11,10 +11,10 @@
</a> </a>
<div class="galeryDetails" style="overflow: hidden;"> <div class="galeryDetails" style="overflow: hidden;">
<div> <div class="photo_identification" data-toggle="tooltip" title="_user_identification_" >
<img src="_user_photo_" class="photoImg img img-circle img-responsive" style="max-width: 20px;"> <img src="_user_photo_" class="photoImg img img-circle img-responsive">
</div>
<div class="liveUser">_user_identification_</div> <div class="liveUser">_user_identification_</div>
</div>
<div class="galleryTags" style="clear: both; min-height: 20px;"> <div class="galleryTags" style="clear: both; min-height: 20px;">
_total_on_live_links_id_ _total_on_live_links_id_
</div> </div>