rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity

improve award modal on mobile

master
Aevann 2024-04-20 22:19:32 +02:00
parent 13931906b9
commit e6706b556f
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -7210,11 +7210,6 @@ input[type=number] {
}
}
@media (max-width: 394px) {
#note {
min-height: 80px;
}
}
.collapsed .showmore-text
@ -7869,3 +7864,10 @@ tr:has(hideme) {
height: 30px;
object-fit: contain;
}
@media (max-width: 768px) {
.awards-wrapper {
max-height: 43vh;
overflow-y: auto;
}
}

10
files/templates/modals/award.html
View File

@ -3,13 +3,7 @@
<div class="modal fade" id="awardModal" tabindex="-1">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered awardmodal pt-5">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Give Award</h5>
<button type="button" class="close" data-bs-dismiss="modal">
<span><i class="fas fa-times"></i></span>
</button>
</div>
<div id="awardModalBody" class="modal-body pt-2 mb-3" style="overflow-x: hidden">
<div id="awardModalBody" class="modal-body pt-2" style="overflow-x: hidden">
<div id="award-tabs" class="row pt-1 pb-4" style="justify-content: center">
<button id="effect-content-tab" class="btn btn-primary btn-block m-0 shop-tab award-tab active" data-nonce="{{g.nonce}}" data-onclick="switchAwardTab()">
<span class="mr-auto ml-auto"><i class="fas fa-gift mr-2"></i>EFFECT ON CONTENT</span>
@ -69,7 +63,7 @@
</div>
</div>
<div class="row pt-4">
<div class="row pt-1">
<div id="note_section" class="col mb-3">
<label id="notelabel" for="note">Note (optional):</label>
<textarea autocomplete="off" id="note" maxlength="200" class="form-control" placeholder="Note to include in award notification..."></textarea>