Skip to content

Commit 7cbf2b2

Browse files
authored
Change icon size value to override material CSS value instead (#6749)
## Motivation for features / changes Override the CSS variable (part of M3 work done here: angular/components#28470) that now exists for icon size in menu, the correct way of overriding this value. ## Technical description of changes ## Screenshots of UI changes (or N/A) Slight padding changes will show in screenshots, the menu is now closer to the M2 spec. ## Detailed steps to verify changes work correctly (as executed by you) ## Alternate designs / implementations considered (or N/A)
1 parent a69cf8b commit 7cbf2b2

File tree

1 file changed

+1
-3
lines changed

1 file changed

+1
-3
lines changed

tensorboard/webapp/runs/views/runs_table/runs_group_menu_button_component.scss

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ limitations under the License.
1616
@import 'tensorboard/webapp/theme/tb_theme';
1717

1818
::ng-deep .run-table-color-group-by {
19-
$_icon-size: 20px;
2019
font-size: 16px;
2120

2221
.label {
@@ -28,8 +27,7 @@ limitations under the License.
2827
}
2928

3029
mat-icon {
31-
height: $_icon-size;
32-
width: $_icon-size;
30+
--mat-menu-item-icon-size: 20px;
3331
}
3432

3533
.display-regex-string {

0 commit comments

Comments
 (0)