modified: addtranslation.html

modified: css/addtranslation.css modified: css/styles.css
MEGATREX4 · Oct 24, 2023 · d22ddfc · d22ddfc
1 parent 45b8175
commit d22ddfc
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 20 deletions.
diff --git a/addtranslation.html b/addtranslation.html
@@ -57,7 +57,7 @@ <h1 class="headertext">Спільнота українізації модів</h
         <h2>Додавання перекладу мода</h2>
         <form id="translationForm" action="https://docs.google.com/forms/d/e/1FAIpQLSd-uYhHxSskbOC_64FonftTAV6zjs2yiyAP4kMU62v17TSdhg/formResponse">
         <div class="forminput">
-        <label for="entry.748306319">Ваше ім'я\нік</label><br>
+        <label for="entry.748306319">Ваше нік(и)</label><br>
         <input type="text" name="entry.748306319" required>
     </div>
     <div class="forminput">
@@ -70,9 +70,20 @@ <h2>Додавання перекладу мода</h2>
     </div>
     <div class="forminput">
         <label for="entry.1702188272">Чи додали ваш переклад в мод</label><br>
-        <div class="radioinput"><input type="radio" class="radio radio1" name="entry.1702188272" value="True" required><span>Так</span>
-        <input type="radio" class="radio radio2" name="entry.1702188272" value="False" required><span>Ні</span>
+        <div class="radioinput">
+        <table class="tg">
+            <thead>
+              <tr>
+                <td class="tg-0pky"><input type="radio" class="radio radio1" name="entry.1702188272" value="True" required></td>
+                <td class="tg-0pky"><span>Так</span></td>
+                <td class="tg-0lax"><input type="radio" class="radio radio2" name="entry.1702188272" value="False" required></td>
+                <td class="tg-0lax"><span>Ні</span></td>
+              </tr>
+            </thead>
+            </table>
         </div>
+
+
     </div>
     <div class="forminput">
         <label for="entry.130460730">Е-мейл\Телеграм</label><br>

diff --git a/css/addtranslation.css b/css/addtranslation.css
@@ -32,6 +32,9 @@
     min-height: 50vh;
     text-align: center;
 }
+tg{
+    display: flex;
+}
 
 .form{
     background-color: #2b2222;
@@ -101,7 +104,6 @@ h2{
     vertical-align: middle;
     justify-content: center;
     align-items: center;
-    width: 50%;
     display:flex;
     font-family: 'Rubik', sans-serif!important;
     font-weight: 200!important;

diff --git a/css/styles.css b/css/styles.css
@@ -304,25 +304,31 @@ body {
 }
 
 
-    .scrolling-text {
-        white-space: nowrap; /* Prevent text from wrapping to the next line */
-        overflow: hidden; /* Hide the overflow text */
-        position: relative; /* Needed for animation */
-    }
+.scrolling-text {
+    white-space: nowrap;
+    overflow: hidden;
+    position: relative;
+}
 
-    .scrolling-text p {
-        display: inline-block;
-        animation: scroll 10s linear infinite; /* Adjust speed as needed */
-    }
+.scrolling-text p {
+    display: inline-block;
+    animation: scroll 10s linear infinite;
+    width: 100%; /* Ensure the text takes the full width */
+}
 
-    @keyframes scroll {
-        0% {
-            transform: translateX(20%); /* Start from the right edge */
-        }
-        100% {
-            transform: translateX(-100%); /* Scroll to the left edge */
-        }
+@keyframes scroll {
+    0% {
+        transform: translateX(10%);
+    }
+    50% {
+        transform: translateX(-110%);
+    }
+    100%{
+        transform: translateX(10%);
     }
+}
+
+
 
 .tab, #searchbtn, .addbutton, #show-more-button, .soc-button{
     font-size: 17px;