inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix focus issues (#5147)

Browse Source
This commit is contained in:
Cilibiu Bogdan
2019-10-14 13:00:01 +03:00
committed by Eugenio Romano
parent 450e9dce89
commit b1bccdb0e3
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
lib/content-services/breadcrumb/breadcrumb.component.scss
View File

@@ -6,6 +6,7 @@
$background: map-get($theme, background); $background: map-get($theme, background);
$breadcrumb-chevron-spacer: 2px; $breadcrumb-chevron-spacer: 2px;
$breadcrumb-outline: 1px solid mat-color($alfresco-ecm-blue, A200) !default;
.adf-breadcrumb { .adf-breadcrumb {
display: flex; display: flex;
@@ -88,7 +89,7 @@
font-weight: 600; font-weight: 600;
letter-spacing: -0.2px; letter-spacing: -0.2px;
text-align: left; text-align: left;
opacity: 0.6; color: mat-color($foreground, text, 0.54);
flex: 0 1 auto; flex: 0 1 auto;
min-width: 35px; min-width: 35px;
margin-top: auto; margin-top: auto;
@@ -96,7 +97,7 @@
&:hover, &:hover,
&.adf-active { &.adf-active {
opacity: 1; color: mat-color($foreground, text, 0.64);
} }
&.adf-active { &.adf-active {
@@ -131,6 +132,13 @@
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
flex: 0 1 auto; flex: 0 1 auto;
padding: 0 2px;
text-align: center;
&:focus {
outline: $breadcrumb-outline;
outline-offset: -1px;
}
} }
&-current { &-current {