Ravi Chintakunta 87776ca32e bitbake: toaster: Base table fixes for header text, sort icon and filter icon
- Display the table column header as a link only if it is sortable.
   Non-sortable column headers are displayed as plain text.

- Display the sort order by an up / down arrow icon next to the
   column header

- Add style for header in default.css

- Set tooltip for the active filter icon

- Pass the view name to the filter dialog

(Bitbake rev: 53ede15926d45b555252d77919a0568a984c6d74)

Signed-off-by: Ravi Chintakunta <ravi.chintakunta@timesys.com>
Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
2014-01-27 21:01:05 +00:00

179 lines
8.5 KiB
CSS

.block-centered { margin: auto; display: block;}
.error, .red { color: #b94a48;}
.error:hover {color:#943A38;text-decoration:none;}
.success,
.green { color: /*#4EAC4B*/#468847;}
.success:hover {color:#347132;text-decoration: underline;}
td > .success:hover {text-decoration: underline;}
.warning, .yellow { color: #c09853;}
.overflow-hidden { overflow: hidden;}
.large { font-size: x-large; font-weight: normal; line-height: 30px;}
.max-width { width: 100%;}
.text-right { text-align: right !important;}
.visibility-hidden { visibility: hidden;}
.hover-show:hover .visibility-hidden { visibility: visible;}
.alpha { margin-left: 0 !important;}
.omega { margin-right: 0 !important;}
.recent-activity { margin: 40px 0;}
.recent-activity .alert,
.recent-activity .alert .progress { margin-bottom: 1em;}
.recent-activity .row-fluid,
.recent-activity .row-fluid [class*="span"] { min-height: 0;}
.recent-activity .alert-blank {color: black; background: none; border: none;}
.breadcrumb { display: inline-block;}
.section, .margin { margin: 20px 0;}
.middle { vertical-align:middle;}
select { width: auto;}
.contributors ul { margin-left: 7px;}
.contributors li {list-style: none;}
.box { border: 1px solid #ddd; -webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-topleft: 4px;margin-bottom: 20px;}
.box-header { background-color: #f5f5f5;padding: 8px;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;color: #1684DA;}
.box-content { padding: 20px;}
.box-single { padding: 8px;}
a.icon-button { color: #555; text-decoration: none;}
/*a.icon-button:after { content: " "; nbsp} */
.stats { margin-right: 30px;}
.stats .large { font-size: x-large; font-weight: normal; display: inline; line-height: 30px}
.stats small { width: 50px; display: inline-block; font-size: 85%;line-height: 14px;}
.task-header { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}
.task-header strong { display: inline-block; width: 100px;}
.no-list-style { list-style: none; margin-left: 0;}
.modal { width: 800px; margin-left: -400px;}
.right-padding td:first-child { padding-right: 40px;}
.right-padding td { padding: 4px 0px;}
.centered {margin: 0 20%;}
.auto-width { width: auto;}
.auto-width td { min-width: 150px;}
/*a.muted:hover {cursor: default;}*/
#infovis { position:relative; width:600px; height:600px; margin:auto; overflow:hidden;}
/*.tablesorter th {cursor: s-resize;}
.tablesorter th.headerSortDown {cursor: n-resize;}*/
.combobox input {width: 60%;margin: 0;}
/*.custom-column,
.custom-column thead tr:last-child td:last-child {border-right: none;}
.custom-column tbody td:last-child {border-top: none;}
.custom-column thead td:last-child {border-right: 1px solid #ddd;}
.custom-column .column-button-column .column-button {padding: 4px 4px;}
.column-button-column li {margin: 10px;}*/
ul.tree,
ul.tree ul { list-style-type: none;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKAQMAAABPHKYJAAAAA1BMVEWIiIhYZW6zAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1ggGExMZBky19AAAAAtJREFUCNdjYMAEAAAUAAHlhrBKAAAAAElFTkSuQmCC) repeat-y;margin: 0;padding: 0;}
ul.tree ul { margin-left: 10px;}
ul.tree li {margin-top: 10px;padding: 0 0 0 10px;line-height: 20px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIJYVaFGwAAAARSURBVAjXY2hgQIf/GTDFGgDSkwqATqpCHAAAAABJRU5ErkJggg==) no-repeat 0 0;}
ul.tree ul li:last-child {background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIIhs+gc8AAAAQSURBVAjXY2hgQIf/GbAAAKCTBYBUjWvCAAAAAElFTkSuQmCC) no-repeat 0 0;}
ul.tree,
ul.tree > li {background: none;}
.inline-centered {text-align: center;}
/* Sorry in advance for these !importants. It's an emergency and the logo
doesn't fit and I'm at the pub !!! */
.logo img {height: 30px;width: auto !important;}
.logo {padding-top: 4px !important;padding-bottom: 0px !important;}
tr.selected {background-color: yellow;}
.dependencies-graph img {display: none;}
.dependencies-graph .base {display: block;}
.dependencies-graph:hover {cursor: pointer;}
.dependencies-graph:hover .base {display: none;}
.dependencies-graph:hover .dependencies {display: block;}
.dependencies-graph.recommended-show:hover .base {display: none;}
.dependencies-graph.recommended-show:hover .dependencies {display: none;}
.dependencies-graph.recommended-show:hover .recommended {display: block;}
.dependencies-table.hover .package-selected {background-color: #FECF5E;}
.dependencies-table.hover .package-dependancy { background-color: #fefca3;}
.dependencies-table.hover.recommended-show .package-recommended {background-color: #fffee6;}
.bar.building {transition: none 0s ease 0s;}
.build-image {background-color: black;color: white;padding: 200px;text-align: center;}
.dropdown-menu {padding: 10px;}
.modal-footer .btn {float: left;}
a.error:hover, a.error:focus {color:#943A38;text-decoration:underline;}
a.warning {background-color: transparent;}
a.warning:hover, a.warning:focus {color:#B38942;text-decoration:underline;}
.clickable_row:hover {background-color: #FAFAFA;cursor: pointer;}
td a {color: #333333;}
td a:hover {color: #000000;text-decoration: underline;}
.get-help {color:#CCCCCC;}
.get-help:hover {color:#999999;cursor:pointer;}
.get-help-blue {color:#3A87AD;}
.get-help-blue:hover {color:#005580;cursor:pointer;}
.outcome-help:hover {text-decoration:none;}
dd ul {list-style-type:none;margin-left:0px;}
.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;}
dt, dd {line-height:25px;}
dd li {list-style-type:none;line-height:25px;}
/*.taskchanges dt {width: 300px;}
.taskchanges dd {margin-left: 320px;}
.diffsigs dt {width: 200px;}
.diffsigs dd {margin-left: 220px;}
/*.dl-horizontal dt {width: 300px;}
.dl-horizontal dd {margin-left: 320px;}*/
.orderBy{ cursor:pointer;}
.orderBy.ordering{font-weight: bold !important;color: #333333; text-decoration: none; }
.orderBy.ordering:hover{color: #000000; text-decoration: underline;}
/* Belen's styles */
.sorted {color: #333333;}
.sorted:hover {color: #000000;text-decoration: underline;}
.icon-remove-sign:hover {color: #999999; cursor: pointer;}
.details {margin-top:30px;}
code {background-color:transparent;border:none;color: #333333;}
.muted a {color:#999999;}
.muted a:hover {color:#999999;}
dd code, .alert code {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
dd p {line-height:20px;}
.iscommit {white-space: pre-wrap; word-break: break-all; word-wrap: break-word;}
.wrap {word-break: break-all; word-wrap: break-word;}
.divide {border-right: 1px solid #E5E5E5;}
.get-info {color:#0088CC;}
.get-info:hover {color:#005580;cursor:pointer;text-decoration:none;}
.well > .lead, .alert .lead {margin-bottom:0px;}
.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;}
.page-header {color:#5A5A5A;}
.breadcrumb {background-color:transparent;}
.progress {margin-bottom:0px;}
.lead .badge {font-size:18px; font-weight:normal; border-radius:15px; padding: 9px;}
.symlink {color:#CCCCCC;}
.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; } }
.tooltip { z-index: 2000 !important; } /* this makes tooltips work inside modal dialogs */
.tooltip code { background-color:transparent; color:#FFFFFF; font-weight:normal; border:none; font-size: 1em; }
.manual { margin-top:11px;}
.heading-help { font-size:14px;}
.no-results { margin: 10px 0 0; }
th > a, th > span { font-weight: normal; color:#333333;}