textmodule: convert green highlight to blue highlight
This commit is contained in:
parent
78548697eb
commit
62549a2d2d
2 changed files with 14 additions and 18 deletions
|
@ -54,7 +54,7 @@
|
||||||
// enter
|
// enter
|
||||||
if ( e.keyCode === 13 ) {
|
if ( e.keyCode === 13 ) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
var id = _this.$widget.find('.dropdown-menu li.active a').data('id')
|
var id = _this.$widget.find('.dropdown-menu li.is-active a').data('id')
|
||||||
|
|
||||||
// as fallback use hovered element
|
// as fallback use hovered element
|
||||||
if (!id) {
|
if (!id) {
|
||||||
|
@ -78,16 +78,16 @@
|
||||||
// up
|
// up
|
||||||
if ( e.keyCode === 38 ) {
|
if ( e.keyCode === 38 ) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
if ( !_this.$widget.find('.dropdown-menu li.active')[0] ) {
|
if ( !_this.$widget.find('.dropdown-menu li.is-active')[0] ) {
|
||||||
var top = _this.$widget.find('.dropdown-menu li').last().addClass('active').position().top
|
var top = _this.$widget.find('.dropdown-menu li').last().addClass('is-active').position().top
|
||||||
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
var prev = _this.$widget.find('.dropdown-menu li.active').removeClass('active').prev()
|
var prev = _this.$widget.find('.dropdown-menu li.is-active').removeClass('is-active').prev()
|
||||||
var top = 300
|
var top = 300
|
||||||
if ( prev[0] ) {
|
if ( prev[0] ) {
|
||||||
top = prev.addClass('active').position().top
|
top = prev.addClass('is-active').position().top
|
||||||
}
|
}
|
||||||
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
||||||
return
|
return
|
||||||
|
@ -97,16 +97,16 @@
|
||||||
// down
|
// down
|
||||||
if ( e.keyCode === 40 ) {
|
if ( e.keyCode === 40 ) {
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
if ( !_this.$widget.find('.dropdown-menu li.active')[0] ) {
|
if ( !_this.$widget.find('.dropdown-menu li.is-active')[0] ) {
|
||||||
var top = _this.$widget.find('.dropdown-menu li').first().addClass('active').position().top
|
var top = _this.$widget.find('.dropdown-menu li').first().addClass('is-active').position().top
|
||||||
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
var next = _this.$widget.find('.dropdown-menu li.active').removeClass('active').next()
|
var next = _this.$widget.find('.dropdown-menu li.is-active').removeClass('is-active').next()
|
||||||
var top = 300
|
var top = 300
|
||||||
if ( next[0] ) {
|
if ( next[0] ) {
|
||||||
top = next.addClass('active').position().top
|
top = next.addClass('is-active').position().top
|
||||||
}
|
}
|
||||||
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
_this.$widget.find('.dropdown-menu').scrollTop( top );
|
||||||
return
|
return
|
||||||
|
@ -384,13 +384,13 @@
|
||||||
template = template + "</a></li>"
|
template = template + "</a></li>"
|
||||||
var element = $(template)
|
var element = $(template)
|
||||||
if (i == 0) {
|
if (i == 0) {
|
||||||
element.addClass('active')
|
element.addClass('is-active')
|
||||||
}
|
}
|
||||||
this.$widget.find('ul').append(element)
|
this.$widget.find('ul').append(element)
|
||||||
}
|
}
|
||||||
if ( !result[0] ) {
|
// if ( !result[0] ) {
|
||||||
this.$widget.find('ul').append("<li><a href='#'>-</a></li>")
|
// this.$widget.find('ul').append("<li><a href='#'>-</a></li>")
|
||||||
}
|
// }
|
||||||
this.$widget.find('ul li').on(
|
this.$widget.find('ul li').on(
|
||||||
'click',
|
'click',
|
||||||
function(e) {
|
function(e) {
|
||||||
|
|
|
@ -4417,14 +4417,10 @@ footer {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shortcut .dropdown-menu > .active > a {
|
.shortcut .dropdown-menu > .is-active > a {
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.shortcut .dropdown-menu > .active {
|
|
||||||
background: hsl(145,51%,45%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.editControls {
|
.editControls {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
Loading…
Reference in a new issue