VirtualBox

Changeset 65010 in vbox


Ignore:
Timestamp:
Dec 27, 2016 12:25:07 AM (8 years ago)
Author:
vboxsync
Message:

testmanager/webui: Shrunk the layout a little. Proper fix for scrolling main content with the arrow down and up keys.

Location:
trunk/src/VBox/ValidationKit/testmanager
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/VBox/ValidationKit/testmanager/htdocs/css/common.css

    r64986 r65010  
    102102 */
    103103
     104html, body {
     105    height:         100%;
     106}
     107
     108#wrap {
     109    position:       relative;
     110    width:          100%;
     111    height:         100%;
     112}
     113
     114#head-wrap {
     115    position:       fixed;
     116    top:            0;
     117    left:           0;
     118    height:         74px; /**< header + top-menu. */
     119    width:          100%;
     120    background:     #f9f9f9;
     121}
     122
    104123#logo {
    105     position:       fixed;
    106     width:          100%;
    107     height:         92px;
     124    width:          42px;
     125    height:         46px;
    108126    top:            0;
    109127    left:           0;
    110128    right:          0;
    111129    bottom:         auto;
     130    /* Center the image in both directions. */
     131    display:        flex;
     132    align-items:    center;
     133    justify-content: center;
     134    justify-content: flex-end;
    112135}
    113136
    114137#logo img {
    115     height:         64px;
    116     width:          64px;
     138    height:         36px;
     139    width:          36px;
    117140}
    118141
    … …  
    120143    position:       fixed;
    121144    width:          100%;  /** @todo this is too wide, darn! */
    122     height:         92px;
     145    height:         46px;
     146    left:           42px;
    123147    top:            0;
    124     left:           118px;
    125148    right:          0;
    126149    bottom:         auto;
     150    margin-top:     0px;
     151    margin-left:    0px;
     152    text-align:     left;
     153    /* Center the h1 child vertically: */
     154    display:        flex;
     155    align-items:    center;
    127156}
    128157
    … …  
    131160    top:            0;
    132161    left:           auto;
    133     right:          0;
    134     right:          10px;
     162    right:          2px;
     163    bottom:         auto;
     164    height:         auto;
     165}
     166
     167#top-menu {
     168    position:       fixed;
     169    padding:        0px;
     170    width:          99%;
     171    height:         auto;
     172    max-height:     22px;
     173    top:            46px;
     174    left:           0px;
     175    right:          0px;
    135176    bottom:         auto;
    136177}
    … …  
    140181    width:          116px;
    141182    height:         auto;
    142     top:            92px;
     183    top:            46px;
    143184    left:           0;
    144185    right:          auto;
    … …  
    146187}
    147188
    148 #top-menu {
    149     position:       fixed;
    150     width:          auto;
    151     height:         auto;
    152     max-height:     28px;
    153     top:            92px;
    154     left:           0px;
    155     right:          0;
    156     bottom:         auto;
    157 }
    158 
    159189#main {
    160     position:       fixed;
    161     width:          auto;
    162     height:         auto;
    163     top:            124px;  /**< header + top-menu + padding. */
    164     right:          0;
    165     bottom:         0;
    166     left:           124px;
    167     overflow:       auto;
    168     padding-top:    16px;
    169     padding-left:   10px;
    170     padding-right:  10px;
    171 }
    172 
    173 
    174 /*
    175  * Header and logo.
    176  */
    177 #logo {
    178     padding:        16px 32px 16px 32px;
    179 }
    180 
    181 #header {
    182     margin-top:     22px;
    183     margin-left:    10px;
    184     text-align:     left;
     190    height:         100%;
     191    margin-top:     74px;  /**< header + top-menu + padding. */
     192    margin-left:    124px;
     193/*    overflow:       auto;*/
     194    padding-left:   2px;
     195    padding-right:  2px;
     196    padding-top:    2px;
     197    padding-bottom: 2px;
     198}
     199
     200
     201/*
     202 * Header and logo specifics.
     203 */
     204#header h1 {
     205    margin-left:    8px;
     206    margin-top:     0px;
     207    margin-right:   0px;
     208    margin-bottom:  0px;
     209    font-weight:    bold;
     210    font-size:      2.2em;
     211    font-family:    Times New, Times, serif;
     212}
     213
     214#login p {
     215    line-height:    100%;
    185216}
    186217
    … …  
    303334#top-menu {
    304335   margin:          0 auto;
    305    margin-right:    10px;
    306    margin-left:     10px;
    307336}
    308337

  • trunk/src/VBox/ValidationKit/testmanager/htdocs/css/details.css

    r56295 r65010  
    3535    left:           0;
    3636}
     37#main {
     38    margin-left:    0px;
     39}
    3740
    3841.tmtbl-events {

  • trunk/src/VBox/ValidationKit/testmanager/webui/template-details.html

    r64951 r65010  
    1313</head>
    1414
    15 <body>
     15    <body>
     16    <div id="wrap">
     17        <div id="head-wrap">
     18            <div id="logo">
     19                <img alt ="VirtualBox" src="htdocs/images/VirtualBox.svg">
     20            </div>
     21            <div id="header">
     22                <h1>@@PAGE_TITLE@@</h1>
     23            </div>
     24            <div id="top-menu">
     25                <ul>
     26                    @@TOP_MENU_ITEMS@@
     27                </ul>
     28            </div>
     29            <div id="login">
     30                <p><small>
     31                    Logged in as <b>@@USER_NAME@@</b>@@LOG_OUT@@
     32                </small></p>
     33            </div>
     34        </div>
    1635
    17 <div id="logo">
    18     <img alt ="VirtualBox" src="htdocs/images/VirtualBox.svg">
    19 </div>
     36        <div id="main">
     37            @@PAGE_BODY@@
    2038
    21 <div id="header">
    22     <h1>@@PAGE_TITLE@@</h1>
    23 </div>
     39            @@DEBUG@@
     40        </div>
    2441
    25 <div id="login">
    26     <p><small>
    27         Logged in as <b>@@USER_NAME@@</b>@@LOG_OUT@@
    28     </small></p>
    29 </div>
    30 
    31 <div id="top-menu">
    32     <ul>
    33         @@TOP_MENU_ITEMS@@
    34     </ul>
    35 </div>
    36 
    37 <div id="main" tabindex="1">
    38     @@PAGE_BODY@@
    39 
    40     @@DEBUG@@
    41 </div>
    42 
    43 
    44 </body>
     42    </div>
     43    </body>
    4544</html>
    4645

  • trunk/src/VBox/ValidationKit/testmanager/webui/template.html

    r64986 r65010  
    11<!DOCTYPE HTML>
    22<html lang="en">
    3 <head>
    4     <meta http-equiv="content-type"             content="text/html; charset=UTF-8" />
    5     <meta http-equiv="content-language"         content="en" />
    6     <meta name="language"                       content="en" />
    7     <link href="htdocs/images/tmfavicon.ico"    rel="shortcut icon" />
    8     <link href="htdocs/images/tmfavicon.ico"    rel="icon"          type="image/x-icon" />
    9     <link href="htdocs/css/common.css"          rel="stylesheet"    type="text/css" media="screen" />
    10     <script type="text/javascript" src="htdocs/js/common.js"></script>
    11     <title>@@PAGE_TITLE@@</title>
    12 </head>
     3    <head>
     4        <meta http-equiv="content-type"             content="text/html; charset=UTF-8" />
     5        <meta http-equiv="content-language"         content="en" />
     6        <meta name="language"                       content="en" />
     7        <link href="htdocs/images/tmfavicon.ico"    rel="shortcut icon" />
     8        <link href="htdocs/images/tmfavicon.ico"    rel="icon"          type="image/x-icon" />
     9        <link href="htdocs/css/common.css"          rel="stylesheet"    type="text/css" media="screen" />
     10        <script type="text/javascript" src="htdocs/js/common.js"></script>
     11        <title>@@PAGE_TITLE@@</title>
     12    </head>
    1313
    14 <body>
     14    <body>
     15        <div id="wrap">
     16            <div id="head-wrap">
     17                <div id="logo">
     18                    <img alt ="VirtualBox" src="htdocs/images/VirtualBox.svg">
     19                </div>
     20                <div id="header">
     21                    <h1>@@PAGE_TITLE@@</h1>
     22                </div>
     23                <div id="login">
     24                    <p><small>
     25                        Logged in as <b>@@USER_NAME@@</b>@@LOG_OUT@@
     26                    </small></p>
     27                </div>
     28                <div id="top-menu">
     29                    <ul>
     30                        @@TOP_MENU_ITEMS@@
     31                    </ul>
     32                </div>
     33            </div>
    1534
    16 <div id="logo">
    17     <img alt ="VirtualBox" src="htdocs/images/VirtualBox.svg">
    18 </div>
     35            <div id="side-menu">
     36                <form id="side-menu-form">
     37                    <ul>
     38                        @@SIDE_MENU_ITEMS@@
     39                    </ul>
     40                    @@SIDE_FILTER_CONTROL@@
     41                </form>
     42                <div id="side-footer">
     43                    <p>
     44                    VBox Test Manager<br/>@@TESTMANAGER_VERSION@@r@@TESTMANAGER_REVISION@@
     45                    </p>
     46                    <br>
     47                    <p>Copyright &copy; 2012-2017 Oracle Corporation</p>
     48                </div>
     49            </div>
    1950
    20 <div id="header">
    21     <h1>@@PAGE_TITLE@@</h1>
    22 </div>
     51            <div id="main">
     52                @@PAGE_BODY@@
    2353
    24 <div id="login">
    25     <p><small>
    26         Logged in as <b>@@USER_NAME@@</b>@@LOG_OUT@@
    27     </small></p>
    28 </div>
    29 
    30 <div id="side-menu">
    31     <form id="side-menu-form">
    32         <ul>
    33             @@SIDE_MENU_ITEMS@@
    34         </ul>
    35         @@SIDE_FILTER_CONTROL@@
    36     </form>
    37     <div id="side-footer">
    38         <p>
    39         VBox Test Manager<br/>@@TESTMANAGER_VERSION@@r@@TESTMANAGER_REVISION@@
    40         </p>
    41         <br>
    42         <p>Copyright &copy; 2012-2016 Oracle Corporation</p>
    43     </div>
    44 </div>
    45 
    46 <div id="top-menu">
    47     <ul>
    48         @@TOP_MENU_ITEMS@@
    49     </ul>
    50 </div>
    51 
    52 <div id="main" tabindex="1">
    53     @@PAGE_BODY@@
    54 
    55     @@DEBUG@@
    56 </div>
    57 
    58 
    59 </body>
     54                @@DEBUG@@
     55            </div>
     56        </div>
     57    </body>
    6058</html>
    6159
Note: See TracChangeset for help on using the changeset viewer.

© 2024 Oracle Support Privacy / Do Not Sell My Info Terms of Use Trademark Policy Automated Access Etiquette