fix(tabs): maintain constant icon color (#050841) across all tab states matching Meez
This commit is contained in:
@@ -2261,25 +2261,22 @@ input[type="search"]::-webkit-search-results-decoration,
|
||||
color: #050841 !important;
|
||||
border-bottom: 2px solid #050841 !important;
|
||||
}
|
||||
.application-body .recipe-workspace-tabs button:hover:not(.active) .recipe-tab-icon {
|
||||
color: #050841 !important;
|
||||
}
|
||||
.application-body .recipe-workspace-tabs button.active {
|
||||
color: #050841 !important;
|
||||
background: #f1f5fe !important;
|
||||
border-bottom: 2px solid #3d5df6 !important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
.application-body .recipe-workspace-tabs button.active .recipe-tab-icon {
|
||||
color: #3d5df6 !important;
|
||||
}
|
||||
.application-body .recipe-tab-icon {
|
||||
.application-body .recipe-tab-icon,
|
||||
.application-body .recipe-workspace-tabs button .recipe-tab-icon,
|
||||
.application-body .recipe-workspace-tabs button.active .recipe-tab-icon,
|
||||
.application-body .recipe-workspace-tabs button:hover .recipe-tab-icon {
|
||||
display: grid;
|
||||
place-items: center;
|
||||
width: 40px;
|
||||
height: 48px;
|
||||
margin-right: 4px;
|
||||
color: #050841;
|
||||
color: #050841 !important;
|
||||
}
|
||||
.application-body .recipe-tab-icon svg {
|
||||
display: block;
|
||||
@@ -4887,7 +4884,7 @@ input[type="search"]::-webkit-search-results-decoration,
|
||||
.application-body .recipe-read-tabs button.active .recipe-tab-icon,
|
||||
.application-body .entity-tabs button.active .recipe-tab-icon,
|
||||
.application-body .recipe-workspace-tabs button.active .recipe-tab-icon {
|
||||
color: #3d5df6 !important;
|
||||
color: #050841 !important;
|
||||
}
|
||||
|
||||
/* Mobile Content Panes */
|
||||
|
||||
Reference in New Issue
Block a user