Skip to content

Commit

Permalink
feat(tag): ajusta area de click minima
Browse files Browse the repository at this point in the history
Implementa área de click mínima de `44px` somente para a tag com `p-click` habilitada.

Fixes DTHFUI-7938
  • Loading branch information
jnrpalma authored and alinelariguet committed Jan 22, 2024
1 parent 92c3e2c commit 5642d06
Showing 1 changed file with 18 additions and 3 deletions.
21 changes: 18 additions & 3 deletions src/css/components/po-tag/po-tag.css
Original file line number Diff line number Diff line change
Expand Up @@ -47,11 +47,10 @@
outline: none;
}

.po-clickable.po-tag:not(.po-tag-removable):focus-visible,
.po-clickable.po-tag:not(.po-tag-removable):active {
.po-clickable.po-tag-wrapper:not(.po-tag-removable):focus-visible > .po-tag,
.po-clickable.po-tag-wrapper:not(.po-tag-removable):active > .po-tag {
outline-color: var(--outline-color-focused);
outline-width: var(--outline-width);

outline-style: solid;
}

Expand Down Expand Up @@ -123,6 +122,12 @@
}

.po-tag-label {
height: 100%;
display: inline-flex;
align-items: center;
width: 100%;
justify-content: center;

@apply --font-tag-font-label;
color: var(--color-neutral-dark-70);
}
Expand Down Expand Up @@ -190,6 +195,16 @@
color: var(--text-color-warning);
}

.po-clickable.po-tag-wrapper,
.po-click.po-tag-wrapper {
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
outline: none;
}

.po-tag-inverse.po-text-color-01 {
border-color: var(--color-tag-inverse-border-color-01);
}
Expand Down

0 comments on commit 5642d06

Please sign in to comment.