These are chat archives for angular/material

9th
Jan 2019
Abdul Quadar
@Abdul-Quadar-Quazi
Jan 09 07:03
@codymikol hey, is there any way to assign primary,accent and warn color dynamically using color picker for material theme?
Muhammad Tahir
@tahir-jamil
Jan 09 15:14
@tahir-jamil
Screen Shot 2019-01-09 at 8.11.27 PM.png
hey , how can we customer the tabs of angular material ? i want to customize its height , width , background color for active and disabled tabs , color and also want to align the tabs with margin
please help gyes
codymikol
@codymikol
Jan 09 15:20
@tahir-jamil you should be able use use css selectors to do that
codymikol
@codymikol
Jan 09 15:28
@Abdul-Quadar-Quazi you have to do it in the config phase I believe
codymikol
@codymikol
Jan 09 15:41
We have a workaround to do what your describing. We basically register a new theme every time with a uuid when a color is changed
I don’t think there is a way to unregister a theme until the browser reloads so depending on your use case it could lead to memory issues
Muhammad Tahir
@tahir-jamil
Jan 09 15:42
@codymikol this is the class we have .mat-tab-label {
height: 48px;
padding: 0 24px;
cursor: pointer;
box-sizing: border-box;
opacity: .6;
min-width: 160px;
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
white-space: nowrap;
position: relative;
} how can i override the min-width property of material class?
codymikol
@codymikol
Jan 09 15:42
@tahir-jamil check the material2 channel, this is for angularjs 1.x material