material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-11 13:46:10 +03:00
Code Issues Projects Releases Wiki Activity

fix(navigationbar): tonal surface update

Browse Source 
PiperOrigin-RevId: 522237428
This commit is contained in:
Elizabeth Mitchell 2023-04-05 21:25:00 -07:00 committed by Copybara-Service
parent c64f416eca
commit a5fe8f3037
3 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
navigationbar/lib/_navigation-bar.scss
View File

@ -57,7 +57,7 @@
}
}
md-elevation-surface {
md-elevation {
z-index: 0;
}
}

6
navigationbar/lib/navigation-bar.ts
View File

@ -4,7 +4,7 @@
* SPDX-License-Identifier: Apache-2.0
*/
import '../../elevation/elevation-surface.js';
import '../../elevation/elevation.js';
import {html, LitElement, PropertyValues, TemplateResult} from 'lit';
import {property, queryAssignedElements} from 'lit/decorators.js';
@ -41,8 +41,8 @@ export class NavigationBar extends LitElement implements NavigationBarState {
@keydown="${this.handleKeydown}"
@navigation-tab-interaction="${this.handleNavigationTabInteraction}"
@navigation-tab-rendered=${this.handleNavigationTabConnected}
><md-elevation-surface shadow
></md-elevation-surface><div class="md3-navigation-bar__tabs-slot-container"
><md-elevation></md-elevation
><div class="md3-navigation-bar__tabs-slot-container"
><slot></slot></div></div>`;
}

5
tokens/_md-comp-navigation-bar.scss
View File

@ -4,13 +4,12 @@
//
// go/keep-sorted start
@use './md-sys-color';
@use './md-sys-elevation';
@use './md-sys-shape';
@use './md-sys-state';
@use './md-sys-typescale';
// TODO(b/272526637): tonal surface update
@use './v0_161/md-comp-navigation-bar';
@use './v0_161/md-sys-color';
@use './v0_172/md-comp-navigation-bar';
// go/keep-sorted end
$_default: (