Making WordPress.org


Ignore:
Timestamp:
11/07/2019 05:16:30 PM (4 years ago)
Author:
iandunn
Message:

WordPress.tv: Add responsive styles to improve UX.

Props nvwd, BrashRebel, iandunn
Fixes #974

File:
1 edited

Legend:

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

    r9177 r9262  
    2828        }
    2929
    30         .page-template-anon-upload-template-php #footer {
    31             position: absolute;
    32             bottom: 0;
    33             right: 0;
    34             left: 0;
    35         }
    36 
    3730        .video-upload {
    38             padding-bottom: 70px;
     31            width: 100%;
    3932        }
    4033
     
    4942        .video-upload-left {
    5043            max-width: 550px;
     44            margin: 15px;
    5145        }
    5246
     
    5549            width: 390px;
    5650            margin: -25px 0 25px;
     51        }
     52
     53        @media screen and ( max-width: 920px ) {
     54            .video-upload-right {
     55                float: none;
     56                width: auto;
     57                margin: 0 10px;
     58            }
    5759        }
    5860
     
    7375            float: left;
    7476            font-weight: bold;
     77        }
     78
     79        @media screen and ( max-width: 500px ) {
     80            .video-upload-left p > label,
     81            .video-upload-left div > label {
     82                width: 100%;
     83            }
    7584        }
    7685
     
    94103            background-color: #fff;
    95104            padding: 4px;
    96             width: 329px;
     105            width: 96%;
    97106            max-width: 329px;
    98107        }
    99108
    100109        .video-upload-left ul.cats-checkboxes {
    101             margin-left: 130px;
    102110            height: 150px;
    103111            overflow: auto;
Note: See TracChangeset for help on using the changeset viewer.