1
0
mirror of https://github.com/ansible/awx.git synced 2024-11-02 01:21:21 +03:00

Fixed drop-down menu hover issue that caused search drop-down to not display on small screens. Fixed js error in Socket.js

This commit is contained in:
Chris Houseknecht 2014-04-25 09:18:35 -04:00
parent 65859fa446
commit d34d0378fa
5 changed files with 43 additions and 46 deletions

View File

@ -30,18 +30,18 @@ angular.module('ProjectsListDefinition', [])
dataTipWatch: 'project.statusTip',
dataPlacement: 'top',
icon: "icon-job-{{ project.statusIcon }}",
columnClass: "col-md-1 col-sm-2 col-xs-3",
columnClass: "col-lg-1 col-md-1 col-sm-2 col-xs-2",
nosort: true
},
name: {
key: true,
label: 'Name',
columnClass: "col-md-4 col-sm-3 col-xs-3"
columnClass: "col-lg-6 col-md-4 col-sm-6 col-xs-6"
},
last_updated: {
label: 'Last Updated',
filter: "date:'MM/dd/yy HH:mm:ss'",
columnClass: "col-md-2 hidden-sm hidden-xs",
columnClass: "col-lg-2 col-md-2 hidden-sm hidden-xs",
excludeModal: true,
searchable: false,
nosort: true

View File

@ -738,55 +738,54 @@ select.page-size {
/* breadcrumbs */
.nav-path {
padding: 5px 0 10px 0;
margin-right: 5px;
margin-bottom: 20px;
font-size: 14px;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #d8d8d8;
border-radius: 6px;
box-shadow: 3px 3px 4px 0 #808080;
padding: 5px 0 10px 0;
margin-right: 5px;
margin-bottom: 20px;
font-size: 14px;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #d8d8d8;
border-radius: 6px;
box-shadow: 3px 3px 4px 0 #808080;
.breadcrumb {
display: inline-block;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
margin-left: 10px;
}
.dropdown {
display: inline-block;
margin-right: 0;
paddding-right: 0;
.toggle, .toggle:visited, .toggle:hover, .toggle:active {
color: @black;
.breadcrumb {
display: inline-block;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
margin-left: 10px;
}
li a.active {
color: @grey;
.dropdown {
display: inline-block;
margin-right: 0;
paddding-right: 0;
.toggle, .toggle:visited, .toggle:hover, .toggle:active {
color: @black;
}
li a.active {
color: @grey;
}
.crumb-icon {
font-size: 12px;
}
}
.crumb-icon {
font-size: 12px;
}
}
}
.actions .dropdown {
display: inline-block;
display: inline-block;
}
/* Display drop-down menus on hover. Remove margin between toggle link
and menu, allowing smooth mouse movement between toggle and menu
http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click
*/
*/
.dropdown-toggle:hover .dropdown-menu, .dropdown:hover .dropdown-menu {
display: block;
}
@ -797,6 +796,7 @@ select.page-size {
.dropdown-menu {
margin-top: 0;
z-index: 200;
}
/* end */

View File

@ -120,7 +120,7 @@ angular.module('SocketIO', ['AuthService', 'Utilities'])
self.scope.$apply(function() {
self.scope.socketStatus = 'error';
self.scope.$emit('socketStatusChange');
});
});
});
}
else {

View File

@ -728,7 +728,7 @@ angular.module('GeneratorHelpers', [])
if (includeSize) {
html += "<div class=\"";
html += (size) ? size : "col-lg-4 col-md-6 col-sm-12 col-xs-12";
html += (size) ? size : "col-lg-4 col-md-6";
html += "\" id=\"search-widget-container" + modifier + "\">\n";
}
@ -737,8 +737,7 @@ angular.module('GeneratorHelpers', [])
html += "<div class=\"input-group-btn dropdown\">\n";
html += "<button type=\"button\" ";
html += "id=\"search_field_ddown\" ";
html += "class=\"btn btn-default ";
html += "dropdown-toggle\" data-toggle=\"dropdown\"";
html += "class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\"";
html += ">\n";
html += "<span ng-bind=\"" + iterator + "SearchFieldLabel" + modifier + "\"></span>\n";
html += "<span class=\"caret\"></span>\n";
@ -772,14 +771,12 @@ angular.module('GeneratorHelpers', [])
html += "<a class=\"search-reset-start\" ng-click=\"resetSearch('" + iterator + "')\"" +
"ng-hide=\"" + iterator + "SelectShow" + modifier + " || " + iterator + "InputHide" + modifier + " || " +
iterator + "ShowStartBtn" + modifier + " || " +
iterator + "HoldInput" + modifier + " || " +
iterator + "HideAllStartBtn" + modifier + "\"" +
"><i class=\"fa fa-times\"></i></a>\n";
html += "<a class=\"search-reset-start\" ng-click=\"search('" + iterator + "')\"" +
"ng-hide=\"" + iterator + "SelectShow" + modifier + " || " + iterator + "InputHide" + modifier + " || " +
"!" + iterator + "ShowStartBtn" + modifier + " || " +
iterator + "HoldInput" + modifier + " || " +
iterator + "HideAllStartBtn" + modifier + "\"" +
"><i class=\"fa fa-search\"></i></a>\n";

View File

@ -293,7 +293,7 @@ angular.module('ListGenerator', ['GeneratorHelpers'])
html += "<thead>\n";
html += "<tr>\n";
if (list.index) {
html += "<th class=\"col-md-1 col-sm-2 hidden-xs\">#</th>\n";
html += "<th class=\"col-lg-1 col-md-1 col-sm-2 hidden-xs\">#</th>\n";
}
for (fld in list.fields) {
if ((list.fields[fld].searchOnly === undefined || list.fields[fld].searchOnly === false) &&