carpathianflorist
/
MarseyWorld
forked from MarseyWorld/MarseyWorld
1
0
Fork 0
Code Pull Requests Activity

fix margins for award_modal and emoji_modal and popover

master
Aevann1 2022-10-06 23:16:16 +02:00
parent 6bdb0d792b
commit 9bff6a682e
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
files/assets/css/main.css
View File

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

2
files/templates/award_modal.html
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 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-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Give Award</h5> <h5 class="modal-title">Give Award</h5>

4
files/templates/emoji_modal.html
View File

@ -4,7 +4,7 @@
#emojiTabs {height: 80%;} #emojiTabs {height: 80%;}
@media (max-width: 650px) { @media (max-width: 650px) {
#emojiTabs {height: 100%;} #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 { #emoji-modal-tabs-container {
overflow-x: auto; overflow-x: auto;
@ -20,7 +20,7 @@
} }
} }
</style> </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-content" id="emojiTabs">
<div class="modal-header"> <div class="modal-header">
<div id="emoji-modal-tabs-container"> <div id="emoji-modal-tabs-container">