mirror of
https://git.yoctoproject.org/poky
synced 2026-07-25 19:17:48 +02:00
4cdd56fff3
[YOCTO # 4346] When a target image is selected, this commit adds to the toaster project a two-tabbed page that shows 1) 'packages included' a table of packages included in the image (see target.html), and 2) 'directory structure', the target image's file system directory and detailed information showing the source of each file in the directory table (see dirinfo.html). The directory structure tab relies on the open source jQuery plugin jtreetable which provides hierarchical table expansions and contractions of the directory entry tables as the user drills down into directories. A file of jtreetable styles that are compatible with other toaster styles is provided included as css/jquery.treetable.theme.toaster.css. The complete unaltered jtreetable plugin is added via a separate commit. This work was developed base on the bugzilla specification number 4346 and the document "Design 1.1 Image information" attached to that report. Whitespace and typo fixes from Alex Damian. (Bitbake rev: 1ba9f310a8b4fd0952a95be86ab43ae27fe6d983) Signed-off-by: Dave Lerner <dave.lerner@windriver.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
125 lines
4.8 KiB
CSS
125 lines
4.8 KiB
CSS
/* Style the Yocto Project logo */
|
|
.logo img { height: 30px; width: auto !important; }
|
|
.logo { padding-top: 4px !important; padding-bottom:0px !important; }
|
|
|
|
/* Style the breadcrumb */
|
|
.breadcrumb { display: inline-block; background-color: transparent; }
|
|
.section { margin: 20px 0; }
|
|
|
|
/* Styles for the help information */
|
|
.get-help { color: #CCCCCC; }
|
|
.get-help:hover { color: #999999; cursor: pointer; }
|
|
.get-help-blue { color: #3A87AD; }
|
|
.get-help-blue:hover { color: #005580; cursor: pointer; }
|
|
.manual { margin-top: 11px; }
|
|
.heading-help { font-size: 14px; }
|
|
|
|
/* Styles for the external link */
|
|
.get-info { color: #0088CC; }
|
|
.get-info:hover { color: #005580; cursor: pointer; text-decoration: none; }
|
|
|
|
/* Styles for code and pre tags */
|
|
code { background-color: transparent; border: none; color: #333333; }
|
|
dd code, .alert code { white-space: pre-wrap; word-break: break-all; word-wrap: break-word; }
|
|
.alert-warning code, .alert-warning pre { background-color: transparent; border: none; color: #C09853; margin-bottom: 0px; }
|
|
.alert-error code { background-color: transparent; border: none; color: #B94A48; margin-bottom:0px; }
|
|
.alert-error pre { background-color: transparent; border: none; color: #B94A48; word-break: normal; margin-bottom: 0px; }
|
|
.alert-warning pre { word-break: normal; }
|
|
.alert-info a { font-weight: bold; }
|
|
.alert-info code { color: #3A87AD; }
|
|
.tooltip code { background-color: transparent; color: #FFFFFF; font-weight: normal; border: none; font-size: 1em; }
|
|
|
|
/* Style for definition lists */
|
|
dd ul { list-style-type: none; margin: 0px; }
|
|
dt, dd {line-height: 25px; }
|
|
dd li { line-height: 25px; }
|
|
dd p { line-height: 20px; }
|
|
|
|
/* Style the filter modal dialogs */
|
|
.modal { width: 800px; margin-left: -400px; }
|
|
.modal-footer .btn { float: left; }
|
|
|
|
/* Hover style for the clear search icon */
|
|
.icon-remove-sign:hover { color: #999999; cursor: pointer; }
|
|
|
|
/* Some extra space before headings when needed */
|
|
.details { margin-top: 30px; }
|
|
|
|
/* Required classes for the highlight behaviour in tables */
|
|
.highlight { background-color: #D9EDF7; }
|
|
.flash:target { -webkit-animation: target-fade 7s 1; -moz-animation: target-fade 7s 1; animation: target-fade 7s 1; }
|
|
@-webkit-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
@-moz-keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
@keyframes target-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
|
|
/* This makes tooltips work inside modal dialogs */
|
|
.tooltip { z-index: 2000 !important; }
|
|
|
|
/* Override default Twitter Boostrap styles for anchor tags inside tables */
|
|
td a { color: #333333; }
|
|
td a:hover { color: #000000; text-decoration: underline; }
|
|
|
|
/* Override default Twitter Bootstrap styles for tr.error */
|
|
.table tbody tr.error > td { background-color: #FFFFFF; } /* override default Bootstrap behaviour */
|
|
.table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */
|
|
|
|
/* Set error, warning, success and muted styles */
|
|
.error, .red, td.error a, tr.error a { color: #b94a48; }
|
|
a.error:hover, a.error:focus, tr.error a:hover { color: #943A38; text-decoration: underline; }
|
|
.warning, .yellow { color: #c09853;}
|
|
a.warning { background-color: transparent; }
|
|
a.warning:hover, a.warning:focus { color: #B38942; text-decoration: underline; }
|
|
.success, .green { color: #468847;}
|
|
.success:hover { color: #347132; text-decoration: underline; }
|
|
td > .success:hover { text-decoration: underline; }
|
|
.muted a { color:#999999; }
|
|
.muted a:hover { color:#999999; }
|
|
|
|
/* Sorting functionality styles for table headings */
|
|
.sorted { color: #333333; font-weight: bold; }
|
|
.sorted:hover { color: #000000; text-decoration: underline; }
|
|
th > a, th > span { font-weight: normal; }
|
|
|
|
/* Force long strings like commit hashes to wrap */
|
|
.iscommit { white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
|
|
|
|
/* Make the popovers scrollable if they are too long */
|
|
.popover-content { max-height: 30em; overflow-y: scroll; }
|
|
|
|
/* Styles for the directory structure table. We'll probably won't use those in production */
|
|
.one { padding-left: 18px !important; }
|
|
.two { padding-left: 36px !important; }
|
|
.three { padding-left: 54px !important; }
|
|
.content-directory a { color: #0088CC; }
|
|
.content-directory a:hover { color: #005580; text-decoration: underline; }
|
|
.symlink { color: #CCCCCC; }
|
|
|
|
/* Other styles */
|
|
.dropdown-menu { padding: 10px; }
|
|
select { width: auto; }
|
|
.page-header { color: #5A5A5A; }
|
|
.top-air { margin-top: 40px;}
|
|
.progress { margin-bottom: 0px; }
|
|
.lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; }
|
|
.well > .lead, .alert .lead { margin-bottom: 0px; }
|
|
.no-results { margin: 10px 0; }
|
|
.task-name { margin-left: 7px; }
|
|
.icon-hand-right {color: #ccccc; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|