fix(aio): fix topbar nav-item focus style

Fixing it requires upgrading `@angular/material` to v2.0.0-beta.7.

Fixes #17216
This commit is contained in:
Georgios Kalpakas 2017-06-22 13:05:08 +03:00 committed by Matias Niemelä
parent 849200b576
commit 494a0d064a
3 changed files with 9 additions and 9 deletions

View File

@ -52,7 +52,7 @@
"@angular/core": "4.2.1", "@angular/core": "4.2.1",
"@angular/forms": "4.2.1", "@angular/forms": "4.2.1",
"@angular/http": "4.2.1", "@angular/http": "4.2.1",
"@angular/material": "^2.0.0-beta.3", "@angular/material": "^2.0.0-beta.7",
"@angular/platform-browser": "4.2.1", "@angular/platform-browser": "4.2.1",
"@angular/platform-browser-dynamic": "4.2.1", "@angular/platform-browser-dynamic": "4.2.1",
"@angular/platform-server": "4.2.1", "@angular/platform-server": "4.2.1",

View File

@ -42,12 +42,10 @@ aio-top-menu {
cursor: pointer; cursor: pointer;
&:focus { &:focus {
background: rgba($white, 0.15);
border-radius: 4px;
outline: none; outline: none;
// Temporarily remove the focus styling until we update to an @angular/material version that padding: 8px 16px;
// includes https://github.com/angular/material2/commit/3bc82f6dc.
// background: rgba($white, 0.15);
// border-radius: 4px;
// padding: 8px 16px;
} }
} }
} }

View File

@ -111,9 +111,11 @@
dependencies: dependencies:
tslib "^1.7.1" tslib "^1.7.1"
"@angular/material@^2.0.0-beta.3": "@angular/material@^2.0.0-beta.7":
version "2.0.0-beta.4" version "2.0.0-beta.7"
resolved "https://registry.yarnpkg.com/@angular/material/-/material-2.0.0-beta.4.tgz#137ef759867213308613172c54dfe69061a10829" resolved "https://registry.yarnpkg.com/@angular/material/-/material-2.0.0-beta.7.tgz#2584aaf1ffbe24779916345f1ac82921ccbc2577"
dependencies:
tslib "^1.7.1"
"@angular/platform-browser-dynamic@4.2.1": "@angular/platform-browser-dynamic@4.2.1":
version "4.2.1" version "4.2.1"