make comments more compact on mobile - will revert if ppl complain

remotes/1693045480750635534/spooky-22
Aevann1 2022-07-17 20:49:57 +02:00
parent 6f4c64c855
commit 3f4d28301b
2 changed files with 22 additions and 20 deletions

View File

@ -4375,9 +4375,6 @@ pre .com, code .com {
}
.comment-section > .comment {
padding-left: 12px;
}
.comment {
margin-top: 1.5rem;
}
.comment.collapsed .user-info {
padding-top: 0.5rem;
@ -4789,8 +4786,8 @@ input[type=radio] ~ .custom-control-label::before {
max-width: 90% !important
}
.emj, .emoji, strong a img, img[alt^=":"]:not(img[b]):not(img[alt*="#"]) {
height: 40px !important;
width: 40px !important;
height: 30px !important;
width: 30px !important;
}
.bigemoji, .emoji-md, img[alt^=":"]:not(img[alt*="#"]) {
height: 60px;
@ -4959,14 +4956,6 @@ lite-youtube.lyt-activated > .lty-playbtn {
overflow-x: auto !important;
}
@media (max-width: 768px) {
.comment .comment-body .comment-text {
padding-top: 5px;
}
p {
margin-bottom: 7px;
}
}
@keyframes golden {
from {filter: sepia(1) saturate(2)}
to {filter: sepia(1) saturate(3) drop-shadow(-1px 1px 3px gold)}
@ -6083,12 +6072,6 @@ g {
opacity: 0.65;
}
@media (max-width: 767.98px) {
.post-actions {
margin-top: -5px;
}
}
.ghostdiv
{
display: block;
@ -6149,4 +6132,23 @@ g {
background-clip: text;
-webkit-background-clip: text;
font-weight: 700;
}
@media (max-width: 767.98px) {
.post-actions {
margin-top: -10px !important;
}
.comment .comment-body .user-info {
margin-bottom: 8px !important;
}
.comment .comment-body .comment-text {
padding-top: 0 !important;
}
p {
margin-bottom: 7px !important;
}
.comment {
margin-top: 16px !important;
}
}

View File

@ -1,6 +1,6 @@
{%-
set CACHE_VER = {
'css/main.css': 417,
'css/main.css': 418,
'css/catalog.css': 2,
'css/4chan.css': 61,