fix margins for award_modal and emoji_modal and popover

remotes/1693176582716663532/tmp_refs/heads/watchparty
Aevann1 2022-10-06 23:16:16 +02:00
parent 6bdb0d792b
commit 9bff6a682e
3 changed files with 7 additions and 9 deletions

View File

@ -4806,7 +4806,7 @@ input[type=radio] ~ .custom-control-label::before {
border-radius: 50%;
}
.emoji-modal {
max-width: 85% !important
max-width: 80% !important
}
.emj, .emoji, strong a img, img[alt^=":"]:not(img[b]):not(img[alt*="#"]) {
height: 40px !important;
@ -5075,10 +5075,8 @@ img[glow]:not([data-src]) {
}
.awardmodal {
max-width: 85% !important;
min-height: 90% !important;
max-height: 90% !important;
height: 90% !important;
max-width: 80% !important;
height: 100% !important;
margin: auto !important
}
@ -5130,7 +5128,7 @@ html {
@media (max-width: 991.98px) {
.popover {
max-width: 85% !important;
max-width: 80% !important;
}
}

View File

@ -1,5 +1,5 @@
<div class="modal fade" id="awardModal" tabindex="-1" role="dialog" aria-labelledby="awardModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal my-5" role="document">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Give Award</h5>

View File

@ -4,7 +4,7 @@
#emojiTabs {height: 80%;}
@media (max-width: 650px) {
#emojiTabs {height: 100%;}
#emojiModalInternalDivIDK {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}
#emojiModalInternalDivIDK {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 3rem !important; padding-bottom: 0 !important;}
#emoji-modal-tabs-container {
overflow-x: auto;
@ -20,7 +20,7 @@
}
}
</style>
<div id="emojiModalInternalDivIDK" class="modal-dialog modal-dialog-scrollable modal-dialog-centered p-2 py-5 emoji-modal" role="document">
<div id="emojiModalInternalDivIDK" class="modal-dialog modal-dialog-scrollable modal-dialog-centered emoji-modal" role="document">
<div class="modal-content" id="emojiTabs">
<div class="modal-header">
<div id="emoji-modal-tabs-container">