ICQ,Telegram Gallery Expander
/* ==UserStyle==
@name Gallery Expander
@namespace greasyfork.org/en/users/781396-yad
@version 1.0.1
@description ICQ,Telegram Gallery Expander
@author YAD
@advanced dropdown time "Time/Label" {
1 "ON*" <<<EOT 1 EOT;
2 "OFF" <<<EOT 0 EOT;
}
@var range trans "Thumbnail Size" [96,40,496,1,"px"]
==/UserStyle== */
@-moz-document domain("web.icq.com") {
.im-gallery {
position: fixed;
}
.im-gallery-preview__info {
opacity: /*[[time]]*/
}
.im-gallery-preview {
width: var(--hoysize);
height:var(--hoysize);
}
:root {
--hoysize:/*[[trans]]*/!important;
}
}
@-moz-document domain("telegram.org") {
.Media .video-duration,
.search-super-content-media .video-time {
opacity: /*[[time]]*/
}
.search-super-content-media .search-super-month-items {
grid-template-columns: [linename1 linename2] var(--hoysize)
repeat(auto-fit, [linename1] var(--hoysize)) [linename3];
}
[class="media-photo grid-item-media"] {
width: var(--hoysize)!important;
height:var(--hoysize)!important;
}
body.is-right-column-shown:not(.is-left-column-shown) #column-right {
width: 100%!important;
}
/*-----------Z------------*/
.Media {
width: 150px;
height: 150px;
overflow: hidden;
padding: 1px!important;
margin: auto;
}
.shared-media .content.media-list {
position: absolute!important;
display:flex!important;
flex-direction: row!important;
flex-wrap: wrap!important;
align-items: flex-start;
grid-template-columns: unset!important;
grid-auto-rows: unset!important;
grid-gap: unset!important;
}
.Media img {
position: absolute;
width: 150px;
height: 150px;
}
#RightColumn {
width: 75%!important;
overflow: visible!important;
display: inline-block
}
.ProfileInfo {
aspect-ratio: 0/0;
bottom: 90px
}
:root {
--hoysize:/*[[trans]]*/!important;
}
}