git.sophuwu.com > mailboxxer 
small html/css changes
parent

3ab1607aae65e55764b297da95f4ff825f141c0a

3 files changed, 8 insertions(+), 7 deletions(-)

jump to
M web/templates/index.html → web/templates/index.html 
@@ -27,7 +27,8 @@ <div style="width: calc(100% - 400px);display: flex;margin: 0 0 0 5%;max-width: 120ch;" class="nopadding">
                 <input autocomplete="off" style="width: 100%; " id="q" name="q" type="text" onchange="SearchInbox()" placeholder="Search Mail">
             </div>
             <div style="width: fit-content;margin: 0 0 0 auto;" class="nopadding sidebyside rightdiv">
-                <button onclick="ToggleSend()">Compose</button>
+<!--                <button onclick="ToggleSend()">Compose</button>-->
+                <br/>
             </div>
         </div>
         <div class="main sidebyside" style="width: 100%; height: 100%;">
M web/templates/send.html → web/templates/send.html 
@@ -1,9 +1,8 @@ 
 <!DOCTYPE html>
-<html lang="en" style="background-color: transparent;">
+<html lang="en" style="background-color: transparent;zoom: 1 !important;font-size: medium !important;overflow: hidden;">
 <head>
     <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="font.css">
-    <title>Samael</title>
+    <title>Send</title>
     <script>
         function ToggleDomain() {
             let dom = document.getElementById("domain").value;

@@ -15,7 +14,7 @@ }
         }
     </script>
 </head>
-<body style="background-color: transparent;">
+<body style="background-color: transparent;zoom: 1 !important;font-size: medium !important;overflow: hidden;">
 <form style="height: 100%; width: 100%; background-color: transparent;" action="/send" method="post">
     <div style="height: calc(100% - 45px); background-color: transparent; border: none;" class="coldiv">
     <span style="background: #242424; " class="inputlike topin">Compose</span>

@@ -23,7 +22,7 @@ <input class="botin topin" type="text" name="recipient" autocomplete="off" placeholder="Recipient" />
     <input class="topin botin" type="text" name="subject" autocomplete="off" placeholder="Subject" />
     <textarea class="inputlike topin botin" style="height: 100%;" autocomplete="off" name="body" wrap="soft"></textarea>
     </div>
-    <div class="sidebyside" style="background-color: transparent; padding: 0 2px;">
+    <div class="sidebyside" style="background-color: transparent; padding: 0;">
     <input class="botin leftin" style="width: 140px;" autocomplete="off" type="text" name="from" placeholder="From" />
     <input type="text" readonly class="rightin botin leftin" id="domain" style="width: 110px; cursor: pointer;" onclick="ToggleDomain()" value="@sophuwu.site"/>
     <span class="inputlike leftin botin rightin"><br></span>
M web/templates/style.css → web/templates/style.css 
@@ -84,7 +84,8 @@ #sendframe {
     position: absolute;
     top: 200%;
     left: 100%;
-    transform: translateX(calc(-100% - 17px)) translateY(-100%);
+    transform: translate(calc(-100% - 17px), calc(-85% - 17px));
+    overflow: hidden;
     z-index: 2;
     min-width: 450px;
     height: 50%;