itdominator
/
Dropper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated bootstrap, pics, and some css

This commit is contained in:
itdominator 2022-10-08 19:20:05 -05:00
parent 83133e8f6b
commit 035b1ef974
6 changed files with 29 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/pic2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 156 KiB

After

Width:  |  Height:  |  Size: 107 KiB

BIN
images/pic3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 155 KiB

After

Width:  |  Height:  |  Size: 111 KiB

8
src/dropper/static/css/bootstrap5/bootstrap.min.css vendored
View File

File diff suppressed because one or more lines are too long

18
src/dropper/static/css/main.css
View File

@ -1,3 +1,7 @@
.selector-for-some-widget {
box-sizing: content-box;
}
video {
width: 520px;
height: auto;
@ -41,6 +45,12 @@ video {
scrollbar-width: thin;
}
.card-title-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.controls-secondary > button,
.controls-secondary > input,
.controls-secondary > .col > button,
@ -51,6 +61,7 @@ video {
}
.server-file-card {
display: flex;
width: 100%;
height: auto;
background-color: #ffffff77;
@ -68,11 +79,12 @@ video {
height: 2.5em;
}
.server-image {
max-width: 24em;
/* Theme colors */
.menu-item {
width: 2em;
height: auto;
}
/* Theme colors */
.menu-item:hover,
.edit-icons:hover {
cursor: pointer;

13
src/dropper/static/js/ui-logic.js
View File

@ -141,17 +141,14 @@ const displayMessage = (message, type, msgWindow = "page-alert-zone", timeout) =
let spnElm = document.createElement("SPAN");
let textElm = document.createTextNode(message);
divElm.setAttribute("class", "alert alert-" + type);
divElm.setAttribute("class", "alert alert-" + type + " alert-dismissible fade show");
divElm.setAttribute("role", "alert");
divElm.appendChild(textElm);
btnElm.type = "button";
textElm = document.createTextNode("X");
btnElm.setAttribute("class", "close");
btnElm.setAttribute("data-dismiss", "alert");
btnElm.setAttribute("aria-label", "close");
spnElm.setAttribute("aria-hidden", "true");
spnElm.appendChild(textElm);
btnElm.appendChild(spnElm);
btnElm.setAttribute("class", "btn-close");
btnElm.setAttribute("data-bs-dismiss", "alert");
btnElm.setAttribute("aria-label", "Close");
divElm.appendChild(btnElm);
alertField.appendChild(divElm);

18
src/dropper/templates/modals.html
View File

@ -6,9 +6,7 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Uploader</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
@ -29,7 +27,7 @@
<!-- Server Messages -->
<div id="page-alert-zone-files"></div>
<!-- To Upload List -->
<ul id="uploadListTitles" class="list-group scroller" style="min-height: 286px; max-height: 286px; overflow: auto;">
<ul id="uploadListTitles" class="scroller" style="min-height: 286px; max-height: 286px; overflow: auto;">
</ul>
<input class="btn btn-primary" type="file" id="toUpload" multiple>
<button id="uploadFiles" class="btn btn-success">Submit Files...</button>
@ -50,9 +48,7 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Delete Text</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p id="toDeleteText">...</p>
@ -71,9 +67,7 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Delete File</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p id="toDeleteFileName">...</p>
@ -92,9 +86,7 @@
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Edit File</h5>
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p id="toEditFileName">...</p>