diff --git a/assets/css/files.css b/assets/css/files.css
index 906d955..18c37e0 100644
--- a/assets/css/files.css
+++ b/assets/css/files.css
@@ -405,6 +405,15 @@
top: -25px;
}
+.btnMain.filesPageSecMidActionsTriggerBtnAlt {
+ background: white;
+ color: #434343;
+ padding: 5px 30px;
+ box-shadow: unset;
+ position: static;
+ top: -20px;
+}
+
.filesPageSecMidActionsTop {
display: flex;
flex-direction: row;
@@ -815,3 +824,31 @@
min-width: 160px;
}
+.MobileSignBox {
+ position: fixed;
+ bottom: 50px;
+ background: white;
+ left: 5px;
+ right: 5px;
+ display: flex;
+ flex-direction: column;
+ padding: 10px;
+ box-shadow: 0 0 4px 0 rgb(0,0,0,0.25);
+ border-radius: 5px;
+ grid-gap: 10px;
+}
+
+@media (min-width: 768px) {
+ .MobileSignBox {
+ display: none;
+ }
+}
+
+.MobileSignBoxControl {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ justify-content: space-between;
+ align-items: center;
+}
+
diff --git a/assets/js/signMobileBox.js b/assets/js/signMobileBox.js
new file mode 100644
index 0000000..f969ecc
--- /dev/null
+++ b/assets/js/signMobileBox.js
@@ -0,0 +1,13 @@
+document.getElementById('pageActionTriggerMobile').addEventListener('click', function() {
+ var targetDiv = document.getElementById('pageActionTriggerMobileTarget');
+ var innerElement = this.querySelector('*'); // Selects the first child element of the clicked element
+
+ // Toggle the display property of the target div
+ if (targetDiv.style.display === 'none' || targetDiv.style.display === '') {
+ targetDiv.style.display = 'flex';
+ innerElement.style.transform = 'rotate(180deg)';
+ } else {
+ targetDiv.style.display = 'none';
+ innerElement.style.transform = 'rotate(0deg)';
+ }
+});
diff --git a/dashboard-complete.html b/dashboard-complete.html
index e1dfa77..d61c499 100644
--- a/dashboard-complete.html
+++ b/dashboard-complete.html
@@ -390,6 +390,7 @@
+