ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-04-15 15:06:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Search] Added right padding

Browse Source 
Added padding to the right side of the
search holder to match the tree holder's
padding.
This commit is contained in:
shale 2015-07-23 11:08:31 -07:00
parent deba184103
commit 4759162bb7
3 changed files with 20 additions and 16 deletions
platform
commonUI/general/res
css
tree.css
sass/search
_search.scss
features/search/src/controllers
SearchItemController.js

23
platform/commonUI/general/res/css/tree.css

@ -273,46 +273,47 @@ ul.tree {
*****************************************************************************/
/* line 22, ../sass/search/_search.scss */
.search-holder {
overflow-y: auto; }
/* line 30, ../sass/search/_search.scss */
overflow-y: auto;
padding-right: 5px; }
/* line 33, ../sass/search/_search.scss */
.search-holder .search .search-input {
margin-top: 10px;
width: 100%; }
/* line 36, ../sass/search/_search.scss */
/* line 39, ../sass/search/_search.scss */
.search-holder .search .results {
margin-top: 10px; }
/* line 40, ../sass/search/_search.scss */
/* line 43, ../sass/search/_search.scss */
.search-holder .search .results .search-result-item {
margin-bottom: 5px;
border-radius: 2px;
padding-top: 2px;
padding-bottom: 1px; }
/* line 49, ../sass/search/_search.scss */
/* line 52, ../sass/search/_search.scss */
.search-holder .search .results .search-result-item .label {
margin-left: 6px; }
/* line 53, ../sass/search/_search.scss */
/* line 56, ../sass/search/_search.scss */
.search-holder .search .results .search-result-item .label .title-label {
display: inline-block;
position: absolute;
left: 29px;
right: 0;
right: 5px;
font-size: .8em;
line-height: 17px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/* line 74, ../sass/search/_search.scss */
/* line 78, ../sass/search/_search.scss */
.search-holder .search .results .search-result-item.selected {
background: #005177;
color: #fff; }
/* line 78, ../sass/search/_search.scss */
/* line 82, ../sass/search/_search.scss */
.search-holder .search .results .search-result-item.selected .view-control {
color: #0099cc; }
/* line 81, ../sass/search/_search.scss */
/* line 85, ../sass/search/_search.scss */
.search-holder .search .results .search-result-item.selected .label .type-icon {
color: #fff; }
/* line 88, ../sass/search/_search.scss */
/* line 92, ../sass/search/_search.scss */
.search-holder .search .load-more-button {
margin-top: 5px;
position: relative;

10
platform/commonUI/general/res/sass/search/_search.scss

@ -20,12 +20,15 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
.search-holder {
$iconWidth: 20px;
$leftMargin: 6px;
$rightPadding: 5px;
//position: relative;
overflow-y: auto; // This should make it scroll, but isn't wokring :(
padding-right: $rightPadding;
.search {
$iconWidth: 20px;
$leftMargin: 6px;
.search-input {
// Align with the top of the divider bar, below create button
@ -56,7 +59,8 @@
// Give some padding away from the left side
left: $leftMargin + 3px + $iconWidth;
right: 0;
// and the right side
right: $rightPadding;
// Size and position the text
font-size: .8em;

3
platform/features/search/src/controllers/SearchItemController.js

@ -22,8 +22,7 @@
/*global define*/
/**
* Module defining SearchItemController. Based on TreeNodeController.
* Created by shale on 07/22/2015.
* Module defining SearchItemController. Created by shale on 07/22/2015.
*/
define(function () {
"use strict";