Tags: Fix mobile exclusions

Fixes mobile positioning issues and adds conditional directives.

Signed-off-by: kingbri <bdashore3@proton.me>
This commit is contained in:
kingbri
2023-06-27 12:13:22 -04:00
parent 92775e459c
commit 2e9bccf9e9

View File

@@ -2830,6 +2830,7 @@ h5 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
position: relative;
gap: 10px; gap: 10px;
width: fit-content; width: fit-content;
min-width: 0; min-width: 0;
@@ -4700,6 +4701,11 @@ body.waifuMode #avatar_zoom_popup {
body.waifuMode img.expression { body.waifuMode img.expression {
object-fit: contain; object-fit: contain;
} }
.tag.excluded:after {
top: unset;
bottom: unset;
}
} }
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
@@ -4710,6 +4716,11 @@ body.waifuMode #avatar_zoom_popup {
.drawer33pWidth { .drawer33pWidth {
flex-basis: max(calc(100% / 2 - 10px), 180px); flex-basis: max(calc(100% / 2 - 10px), 180px);
} }
.tag.excluded:after {
top: unset;
bottom: unset;
}
} }
/*this part only only applies to iOS devices*/ /*this part only only applies to iOS devices*/