Skip to content
This repository was archived by the owner on Jan 13, 2025. It is now read-only.

Commit 5f9f71b

Browse files
improvement(tabs): Icon size css properties are applied to icon
PiperOrigin-RevId: 482190989
1 parent ee40081 commit 5f9f71b

File tree

2 files changed

+17
-13
lines changed

2 files changed

+17
-13
lines changed

packages/mdc-tab-bar/_tab-bar-theme.scss

+10-10
Original file line numberDiff line numberDiff line change
@@ -141,12 +141,12 @@ $secondary-navigation-tab-light-theme: (
141141
@include tab-theme.primary-navigation-tab-theme-styles(
142142
map-ext.pick($theme, map.keys(tab-theme.$primary-light-theme)...)
143143
);
144-
}
145144

146-
.mdc-tab-indicator {
147-
@include tab-indicator-theme.theme-styles(
148-
map-ext.pick($theme, map.keys(tab-indicator-theme.$light-theme)...)
149-
);
145+
.mdc-tab-indicator {
146+
@include tab-indicator-theme.theme-styles(
147+
map-ext.pick($theme, map.keys(tab-indicator-theme.$light-theme)...)
148+
);
149+
}
150150
}
151151
}
152152

@@ -155,11 +155,11 @@ $secondary-navigation-tab-light-theme: (
155155
@include tab-theme.secondary-navigation-tab-theme-styles(
156156
map-ext.pick($theme, map.keys(tab-theme.$secondary-light-theme)...)
157157
);
158-
}
159158

160-
.mdc-tab-indicator {
161-
@include tab-indicator-theme.theme-styles(
162-
map-ext.pick($theme, map.keys(tab-indicator-theme.$light-theme)...)
163-
);
159+
.mdc-tab-indicator {
160+
@include tab-indicator-theme.theme-styles(
161+
map-ext.pick($theme, map.keys(tab-indicator-theme.$light-theme)...)
162+
);
163+
}
164164
}
165165
}

packages/mdc-tab/_tab-theme.scss

+7-3
Original file line numberDiff line numberDiff line change
@@ -256,6 +256,8 @@ $custom-property-prefix: 'tab';
256256
@include _divider-color(map.get($theme, divider-color));
257257
@include _divider-height(map.get($theme, divider-height));
258258

259+
@include _icon-size(map.get($theme, with-icon-icon-size));
260+
259261
@include _active-icon-color(
260262
(
261263
default: map.get($theme, with-icon-active-icon-color),
@@ -543,9 +545,11 @@ $custom-property-prefix: 'tab';
543545
}
544546

545547
@mixin _icon-size($size) {
546-
@include theme.property('width', $size);
547-
@include theme.property('height', $size);
548-
@include theme.property('font-size', $size);
548+
.mdc-tab__icon {
549+
@include theme.property('width', $size);
550+
@include theme.property('height', $size);
551+
@include theme.property('font-size', $size);
552+
}
549553
}
550554

551555
@mixin _label-text-font-family($font-family) {

0 commit comments

Comments
 (0)