2014-02-03 11:27:02 +00:00
|
|
|
/* Style the Yocto Project logo */
|
|
|
|
|
.logo img { height: 30px; width: auto !important; }
|
|
|
|
|
.logo { padding-top: 4px !important; padding-bottom:0px !important; }
|
|
|
|
|
|
2015-02-16 17:52:51 +00:00
|
|
|
/* style the version information */
|
|
|
|
|
.brand > a { color: #777; }
|
|
|
|
|
.brand > a:hover { color: #999; text-decoration: none; }
|
2015-02-24 17:20:53 +00:00
|
|
|
.icon-info-sign { color: #777; font-size: 16px; margin-left: 5px;}
|
|
|
|
|
.icon-info-sign:hover { color: #999; cursor: pointer; }
|
2015-02-06 15:32:18 +00:00
|
|
|
|
2014-02-03 11:27:02 +00:00
|
|
|
/* Style the breadcrumb */
|
|
|
|
|
.breadcrumb { display: inline-block; background-color: transparent; }
|
|
|
|
|
.section { margin: 20px 0; }
|
|
|
|
|
|
|
|
|
|
/* Styles for the help information */
|
|
|
|
|
.get-help { color: #CCCCCC; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.get-help:hover, .icon-plus-sign:hover { color: #999999; cursor: pointer; }
|
2014-02-03 11:27:02 +00:00
|
|
|
.get-help-blue { color: #3A87AD; }
|
|
|
|
|
.get-help-blue:hover { color: #005580; cursor: pointer; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.get-help-yellow { color: #C09853; }
|
|
|
|
|
.get-help-yellow:hover { color: #B38942; cursor: pointer; }
|
|
|
|
|
.get-help-red { color: #B94A48; font-size: 16px; padding-left: 2px; }
|
|
|
|
|
.get-help-red:hover { color: #943A38; cursor: pointer; }
|
2015-02-06 17:55:46 +00:00
|
|
|
.build-form>i:first-of-type { margin-left: 5px; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.manual { margin: 11px 15px;}
|
2014-02-03 11:27:02 +00:00
|
|
|
.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 */
|
2014-02-20 07:06:51 +00:00
|
|
|
dd ul { list-style-type: none; margin: 0px; }
|
2014-02-03 11:27:02 +00:00
|
|
|
dt, dd {line-height: 25px; }
|
|
|
|
|
dd li { line-height: 25px; }
|
2015-01-14 17:27:00 +00:00
|
|
|
.item-info dd { line-height: 20px; margin-bottom: 10px; }
|
2014-02-03 11:27:02 +00:00
|
|
|
|
|
|
|
|
/* 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; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.air { margin-top: 30px; }
|
2014-02-03 11:27:02 +00:00
|
|
|
|
|
|
|
|
/* Required classes for the highlight behaviour in tables */
|
2014-03-16 14:58:33 +00:00
|
|
|
.highlight { -webkit-animation: target-fade 10s 1; -moz-animation: target-fade 10s 1; animation: target-fade 10s 1; }
|
2013-12-11 16:40:05 +00:00
|
|
|
@-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; } }
|
2014-01-07 13:10:42 +00:00
|
|
|
|
2014-02-03 11:27:02 +00:00
|
|
|
/* This makes tooltips work inside modal dialogs */
|
|
|
|
|
.tooltip { z-index: 2000 !important; }
|
|
|
|
|
|
|
|
|
|
/* Override default Twitter Boostrap styles for anchor tags inside tables */
|
2014-09-29 19:20:33 +00:00
|
|
|
td a, td a > code { color: #333333; }
|
2014-10-02 16:58:15 +00:00
|
|
|
td code { white-space: normal; }
|
|
|
|
|
td a:hover, td a > code:hover { color: #000000; text-decoration: underline; }
|
2014-02-03 11:27:02 +00:00
|
|
|
|
|
|
|
|
/* Override default Twitter Bootstrap styles for tr.error */
|
2014-09-29 13:00:36 +00:00
|
|
|
.table tbody tr.error > td { background-color: transparent; } /* override default Bootstrap behaviour */
|
2014-02-03 11:27:02 +00:00
|
|
|
.table-hover tbody tr.error:hover > td { background-color: #F5F5F5;} /* override default Bootstrap behaviour */
|
2014-01-07 13:10:42 +00:00
|
|
|
|
bitbake: toaster: sort on size in detail pages
[YOCTO 5778]
Implements the features described in the attachment to bugzilla 5778
- new global changes to the format of size data, and
- adding sorts by selected columns to specific detail pages.
Although new pagination and row search capabilities are shown on the
screen shots for the 5778 attachment, those features are specified in
a different bugzilla entry 5777 and are not implemented in this commit.
Also, the 5778 spec includes table sorting for the recipe package
detail page, but sorting for that page was not implemented in this
commit due to complications with sorting then returning to a page that
is only one URL fragment in a template.
The scope of file changes are described below.
Changes to support new 'size' field column formats...
default.css - added sizecol class style (right justified)
projecttags.py - changed filtered_filesizeformat to allow
".0" suffixes
Changes that add class 'sizecol, span2(as spec'd) ' to <th> and/or
<td> size columns were made to...
dirinfo.py,
package_built_dependencies.html,
package_included_dependencies.html,
recipe.html,
bpackage.html, and
target.html
More significant changes to support detail page table sorting
are:
- tablesort.html: New created to implement the sort icons,
directions, and table headings, and
suppress sort handling if 'disable_sort' in context,
without search or pagination elements ingrained
in basetable_top. Confining the changes to this small file
reduces the impact (testing and risk) on the larger set of
files that arleady include basetable_top/bottom files.
- view.py: Modified the following view functions with
- trivial changes for size formatting to the views: target,
- changes to package_built_detail, package_included_detail,
package_included_reverse_dependencies to handle the sorting
implementation as well as moving headings and size
formatting for size columns from templates to the views.
- Implementation of the detail sorting using above in:
package_built_detail.html,
package_included_detail.html, and
package_included_reverse_dependencies.html
to include the tablesort heading setup, format the size column,
and iterate over the new sorted objects, suppressing sorts if
table row count less than 2.
(Bitbake rev: d16126e9abfffde66ab70865a81997322847d44e)
Signed-off-by: Dave Lerner <dave.lerner@windriver.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
2014-04-08 16:32:21 +00:00
|
|
|
/* Right justify Bootstrap table columns for size fields */
|
|
|
|
|
.table .sizecol { text-align: right; }
|
|
|
|
|
|
2014-02-03 11:27:02 +00:00
|
|
|
/* Set error, warning, success and muted styles */
|
2014-01-31 07:02:32 +00:00
|
|
|
.error, .red, td.error a, tr.error a { color: #b94a48; }
|
2014-02-03 11:27:02 +00:00
|
|
|
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;}
|
|
|
|
|
|
2014-02-06 00:20:41 +00:00
|
|
|
/* Make the popovers scrollable if they are too long */
|
|
|
|
|
.popover-content { max-height: 30em; overflow-y: scroll; }
|
|
|
|
|
|
2014-02-03 11:27:02 +00:00
|
|
|
/* 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; }
|
|
|
|
|
|
2014-09-09 10:47:13 +00:00
|
|
|
/* Styles for the navbar actions */
|
|
|
|
|
.btn-group + .btn-group { margin-right: 10px; }
|
|
|
|
|
.navbar-inner > .btn-group { margin-top: 6px; }
|
|
|
|
|
|
2014-02-03 11:27:02 +00:00
|
|
|
/* Other styles */
|
|
|
|
|
.dropdown-menu { padding: 10px; }
|
|
|
|
|
select { width: auto; }
|
|
|
|
|
.page-header { color: #5A5A5A; }
|
2014-02-06 18:57:56 +00:00
|
|
|
.top-air { margin-top: 40px;}
|
2014-02-03 11:27:02 +00:00
|
|
|
.progress { margin-bottom: 0px; }
|
|
|
|
|
.lead .badge { font-size: 18px; font-weight: normal; border-radius: 15px; padding: 9px; }
|
2014-11-07 13:26:45 +00:00
|
|
|
.lead ol > li, .lead ul > li {
|
|
|
|
|
line-height: 35px;
|
|
|
|
|
}
|
2014-02-03 11:27:02 +00:00
|
|
|
.well > .lead, .alert .lead { margin-bottom: 0px; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.well-transparent { background-color: transparent; }
|
2014-02-20 11:36:13 +00:00
|
|
|
.no-results { margin: 10px 0; }
|
2014-02-03 11:27:02 +00:00
|
|
|
.task-name { margin-left: 7px; }
|
2014-03-17 04:53:08 +00:00
|
|
|
.icon-hand-right {color: #CCCCCC; }
|
2014-03-14 07:26:32 +00:00
|
|
|
.help-inline { margin: 5px; }
|
2014-03-26 01:53:08 +00:00
|
|
|
.hero-unit { margin: 20px 0 30px; }
|
|
|
|
|
.hero-unit > .close { font-size:40px; }
|
|
|
|
|
.hero-actions { margin-top: 30px; }
|
2014-03-31 14:46:53 +00:00
|
|
|
.dashboard-section { background-color: transparent; }
|
2014-02-03 11:27:02 +00:00
|
|
|
|
2014-04-01 00:56:44 +00:00
|
|
|
/* make tables Chrome-happy (me, not so much) */
|
|
|
|
|
#otable { table-layout: fixed; word-wrap: break-word; }
|
|
|
|
|
|
2014-11-11 16:30:22 +00:00
|
|
|
/* styles for the new build button */
|
|
|
|
|
.new-build .btn-primary { padding: 4px 30px; }
|
2014-11-18 12:02:22 +00:00
|
|
|
.new-build .alert { margin-top: 10px; }
|
|
|
|
|
.new-build .alert p { margin-top: 10px; }
|
2014-11-11 16:30:22 +00:00
|
|
|
|
2014-11-25 18:58:35 +00:00
|
|
|
/* styles for showing the project name in build mode */
|
|
|
|
|
.project-name { padding-top: 0; }
|
|
|
|
|
.project-name .label { font-weight: normal; margin-bottom: 5px; margin-left: -15px; padding: 5px; }
|
2015-02-24 17:20:55 +00:00
|
|
|
.project-name .label > a { color: #fff; font-weight: normal; }
|
2014-11-25 18:58:35 +00:00
|
|
|
|
2014-11-13 11:16:56 +00:00
|
|
|
/* Remove bottom margin for forms inside modal dialogs */
|
|
|
|
|
#dependencies_modal_form { margin-bottom: 0px; }
|
|
|
|
|
|
2014-06-30 17:33:04 +00:00
|
|
|
/* Configuration styles */
|
2015-02-26 21:42:01 +00:00
|
|
|
.icon-trash { color: #B94A48; font-size: 16px; padding-left: 5px; }
|
2014-06-30 17:33:04 +00:00
|
|
|
.icon-trash:hover { color: #943A38; text-decoration: none; cursor: pointer; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.icon-pencil, .icon-download-alt, .icon-refresh, .icon-star-empty, .icon-star, .icon-tasks { font-size: 16px; color: #0088CC; padding-left: 2px; }
|
|
|
|
|
.icon-pencil:hover, .icon-download-alt:hover, .icon-refresh:hover, .icon-star-empty:hover, .icon-star:hover, .icon-tasks:hover { color: #005580; text-decoration: none; cursor: pointer; }
|
|
|
|
|
.icon-share { padding-left: 2px; }
|
|
|
|
|
.alert-success .icon-refresh, .alert-success .icon-tasks { color: #468847; }
|
|
|
|
|
.alert-success .icon-refresh:hover, .alert-success .icon-tasks:hover { color: #347132; }
|
|
|
|
|
.alert-error .icon-refresh, .alert-error .icon-tasks { color: #b94a48; }
|
|
|
|
|
.alert-error .icon-refresh:hover, .alert-error .icon-tasks:hover { color: #943A38; }
|
|
|
|
|
.configuration-list li, .configuration-list label { line-height: 35px; font-size: 21px; font-weight: 200; margin-bottom: 0px;}
|
2014-06-30 17:33:04 +00:00
|
|
|
.configuration-list { font-size: 16px; margin-bottom: 1.5em; }
|
|
|
|
|
.configuration-list i { font-size: 16px; }
|
|
|
|
|
/*.configuration-layers { height: 135px; overflow: scroll; }*/
|
|
|
|
|
.counter { font-weight: normal; }
|
|
|
|
|
.well-alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px; }
|
|
|
|
|
.well-alert > .lead { color: #C09853; padding-bottom: .75em; }
|
|
|
|
|
.configuration-alert { margin-bottom: 0px; padding: 8px 14px; }
|
|
|
|
|
.configuration-alert p { margin-bottom: 0px; }
|
|
|
|
|
fieldset { padding-left: 19px; }
|
|
|
|
|
.project-form { margin-top: 10px; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.add-layers .btn-block + .btn-block, .build .btn-block + .btn-block { margin-top: 0px; }
|
2014-06-30 17:33:04 +00:00
|
|
|
input.huge { font-size: 17.5px; padding: 11px 19px; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.build-form { margin-bottom: 0px; }
|
|
|
|
|
.build-form .input-append { margin-bottom: 0px; }
|
|
|
|
|
.build-form .btn-large { padding: 11px 35px; }
|
|
|
|
|
.build-form p { font-size:17.5px ;margin:12px 0 0 10px;}
|
2014-11-11 12:22:46 +00:00
|
|
|
#layer-container form, #target-container form { margin-bottom: 0px; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.btn-primary .icon-question-sign, .btn-danger .icon-question-sign { color: #fff; }
|
|
|
|
|
.btn-primary .icon-question-sign:hover, .btn-danger .icon-question-sign:hover { color: #999; }
|
2014-06-30 17:33:04 +00:00
|
|
|
a code { color: #0088CC; }
|
|
|
|
|
a code:hover { color: #005580; }
|
|
|
|
|
.localconf { font-size: 17.5px; margin-top: 40px; }
|
|
|
|
|
.localconf code { font-size: 17.5px; }
|
|
|
|
|
#add-layer-dependencies { margin-top: 5px; }
|
2014-09-09 10:47:13 +00:00
|
|
|
.link-action { font-size: 17.5px; margin-top: 40px; }
|
|
|
|
|
.link-action code { font-size: 17.5px; }
|
2014-06-30 17:33:04 +00:00
|
|
|
.artifact { width: 9em; }
|
|
|
|
|
.control-group { margin-bottom: 0px; }
|
|
|
|
|
#project-details form { margin: 0px; }
|
|
|
|
|
dd form { margin: 10px 0 0 0; }
|
2014-09-09 10:47:13 +00:00
|
|
|
dl textarea { resize: vertical; }
|
|
|
|
|
.navbar-fixed-top { z-index: 1; }
|
|
|
|
|
.popover { z-index: 2; }
|
|
|
|
|
.btn-danger .icon-trash { color: #fff; }
|
|
|
|
|
.bbappends { list-style-type: none; margin-left: 0; }
|
|
|
|
|
.bbappends li { line-height: 25px; }
|
|
|
|
|
.configuration-list input[type="checkbox"] { margin-top:13px;margin-right:10px; }
|
|
|
|
|
.alert input[type="checkbox"] { margin-top: 0px; margin-right: 3px; }
|
|
|
|
|
.alert ol { padding: 10px 0px 0px 20px; }
|
|
|
|
|
.alert ol > li { line-height: 35px; }
|
|
|
|
|
.dl-vertical form { margin-top: 10px; }
|
|
|
|
|
.scrolling { border: 1px solid #dddddd; height: 154px; overflow: auto; padding: 8px; width: 27.5%; margin-bottom: 10px; }
|
|
|
|
|
.lead .help-block { font-size: 14px; line-height: 20px; font-weight: normal; }
|
|
|
|
|
.button-place .btn { margin: 0 0 20px 0; }
|
|
|
|
|
.tooltip-inner { max-width: 250px; }
|
|
|
|
|
.new-build { padding: 20px; }
|
|
|
|
|
.new-build li { line-height: 30px; }
|
|
|
|
|
.new-build h6 { margin: 10px 0 0 0; color: #5a5a5a; }
|
|
|
|
|
.new-build h3 { margin: 0; color: #5a5a5a; }
|
|
|
|
|
.new-build form { margin: 5px 0 0; }
|
|
|
|
|
.new-build .input-append { margin-bottom: 0; }
|
|
|
|
|
#build-selected { margin-top: 15px; }
|
2015-01-26 15:25:05 +00:00
|
|
|
div.add-deps { margin-top: 15px; }
|
2014-11-07 13:26:45 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
.animate-repeat {
|
|
|
|
|
list-style:none;
|
|
|
|
|
box-sizing:border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.animate-repeat.ng-move,
|
|
|
|
|
.animate-repeat.ng-enter,
|
|
|
|
|
.animate-repeat.ng-leave {
|
|
|
|
|
-webkit-transition:all linear 0.5s;
|
|
|
|
|
transition:all linear 0.5s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.animate-repeat.ng-leave.ng-leave-active,
|
|
|
|
|
.animate-repeat.ng-move,
|
|
|
|
|
.animate-repeat.ng-enter {
|
|
|
|
|
opacity:0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.animate-repeat.ng-leave,
|
|
|
|
|
.animate-repeat.ng-enter.ng-enter-active {
|
|
|
|
|
opacity:1;
|
|
|
|
|
}
|
2015-02-24 17:20:54 +00:00
|
|
|
|
|
|
|
|
@keyframes machines-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
|
|
|
@-webkit-keyframes machines-fade { 0% { background-color: #D9EDF7; } 25% { background-color: #D9EDF7; } 100% { background-color: white; } }
|
|
|
|
|
|
|
|
|
|
.machines-highlight { -webkit-animation: machines-fade 7s 1; -moz-animation: machines-fade 7s 1; animation: machines-fade 7s 1; }
|
|
|
|
|
|
2015-01-14 12:46:52 +00:00
|
|
|
.tab-pane table { margin-top: 10px; }
|
