Changeset 9262 for sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/anon-upload-template.php

Timestamp:

11/07/2019 05:16:30 PM (6 years ago)

Author:

iandunn

Message:

WordPress.tv: Add responsive styles to improve UX.

Props nvwd, BrashRebel, iandunn
Fixes #974

File:

• sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/anon-upload-template.php (modified) (5 diffs)

sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/anon-upload-template.php

@@ -28 +28 @@
         }
 
-        .page-template-anon-upload-template-php #footer {
-            position: absolute;
-            bottom: 0;
-            right: 0;
-            left: 0;
-        }
-
         .video-upload {
-            padding-bottom: 70px;
+            width: 100%;
         }
 
@@ -49 +42 @@
         .video-upload-left {
             max-width: 550px;
+            margin: 15px;
         }
 
@@ -55 +49 @@
             width: 390px;
             margin: -25px 0 25px;
+        }
+
+        @media screen and ( max-width: 920px ) {
+            .video-upload-right {
+                float: none;
+                width: auto;
+                margin: 0 10px;
+            }
         }
 
@@ -73 +75 @@
             float: left;
             font-weight: bold;
+        }
+
+        @media screen and ( max-width: 500px ) {
+            .video-upload-left p > label,
+            .video-upload-left div > label {
+                width: 100%;
+            }
         }
 
@@ -94 +103 @@
             background-color: #fff;
             padding: 4px;
-            width: 329px;
+            width: 96%;
             max-width: 329px;
         }
 
         .video-upload-left ul.cats-checkboxes {
-            margin-left: 130px;
             height: 150px;
             overflow: auto;