Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit d10e1ab

Browse files
committed
Merge pull request #8548 from bcbroussard/web-ui-menu
Added Hover to Views Menu in Web UI
2 parents 57df04e + edc6c02 commit d10e1ab

File tree

8 files changed

+1523
-1478
lines changed

8 files changed

+1523
-1478
lines changed

pkg/ui/datafile.go

Lines changed: 973 additions & 962 deletions
Large diffs are not rendered by default.

third_party/ui/bower_components/angular-material/angular-material.js

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7709,7 +7709,10 @@ function SelectProvider($$interimElementProvider) {
77097709
var focusedNode = centeredNode || optionNodes[0];
77107710
if (focusedNode) {
77117711
opts.focusedNode = focusedNode;
7712-
focusedNode.focus();
7712+
// This is commented out to fix an issue where the first option remains in focus
7713+
// even after you mouseover to a different option.
7714+
// It is fixed in the compiled source and is here for reference.
7715+
// focusedNode.focus();
77137716
}
77147717

77157718
if (isScrollable) {

third_party/ui/bower_components/angular-material/angular-material.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

third_party/ui/bower_components/angular-material/modules/closure/select/select.js

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -543,7 +543,7 @@ function SelectProvider($$interimElementProvider) {
543543
contentEl: element.find('md-content'),
544544
backdrop: opts.hasBackdrop && angular.element('<md-backdrop class="md-select-backdrop">')
545545
});
546-
546+
547547
var optionNodes = [];
548548

549549
configureAria();
@@ -757,7 +757,10 @@ function SelectProvider($$interimElementProvider) {
757757
var focusedNode = centeredNode || optionNodes[0];
758758
if (focusedNode) {
759759
opts.focusedNode = focusedNode;
760-
focusedNode.focus();
760+
// This is commented out to fix an issue where the first option remains in focus
761+
// even after you mouseover to a different option.
762+
// It is fixed in the compiled source and is here for reference.
763+
// focusedNode.focus();
761764
}
762765

763766
if (isScrollable) {

www/app/assets/css/app.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -407,6 +407,17 @@ md-toolbar h1 {
407407
vertical-align: middle;
408408
padding: 2px;
409409
}
410+
md-select-menu.md-default-theme md-option:focus:not([selected]) {
411+
background: #eeeeee;
412+
}
413+
md-select-menu md-option {
414+
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
415+
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
416+
}
417+
md-select-menu md-option:not([disabled]):hover,
418+
md-select-menu md-option:not([disabled]):focus {
419+
background-color: rgba(158, 158, 158, 0.2);
420+
}
410421
.dashboard .body-wrapper {
411422
padding: 25px;
412423
}

0 commit comments

Comments
 (0)