ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-22 09:08:43 +00:00
Code Issues Actions 4 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
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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

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

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